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;} 并且根本不设置中间列的样式，它会在可能的情况下自动环绕。