我在内容div中有三个div.
集装箱宽度70％.
在我的内心
– 左,宽20％.
– 内容,宽度60％.
– 右,宽度20％.
我希望容器占据页面宽度的70％,而内部容器(左,内容和右)占据容器div的20％,60％和20％.
我在这里尝试了其他问题,我试过谷歌,但似乎无法找到正确的答案.请帮我阻止他们重叠.
但是当我重新调整浏览器大小时,div会重叠.喜欢这个：
这是相关的CSS代码：
@H_502_16@#container{ width: 70%; } #left { float: left; width: 20%; min-width: 200px; } #content { float: left; width: 60%; min-width: 600px; } #right { float: right; width: 20%; min-width: 200px; }解决方法
只需从CSS中删除最小宽度！并给容器的最小宽度带边距：auto以使其居中.
试试这个CSS：
@H_502_16@#container{ width: 70%; min-width: 1000px; margin: auto; } #left { float: left; width: 20%; } #content { float: left; width: 60%; } #right { float: right; width: 20%; }在这里查看小提琴：http://jsfiddle.net/UaqU7/2/
