div在浏览器调整大小时移动不正确

Question

我正在尝试为我的网站设置购物车，而且我在浏览器调整大小时正确使用css格式化三列时缺乏一些知识。

css最初有以下内容：

.threeFrames .leftStyle {float: left; position: relative; width: 20%;}
.threeFrames .centerStyle   {float: left; position: relative; max-width: 60%;}
.threeFrames .rightStyle    {float: left; position: relative; width: 20%;}

但这没有我想要的效果。我想将两个结束列设置为固定width 240px但是，当我执行此操作时，当浏览器调整大小时，它会将右侧列碰到其他列，而我只想让中间列缩小。

Answer 1

如果您制作.rightStyle {float:right;}并且根本没有设置中间列的样式，它会尽可能自动换行。

Answer 2

如果右列低于其他列，则意味着内容不适合容器，我怀疑它是mixing of percentages and fixed widths的原因。