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。