我在内容div中有三个div.
集装箱宽度70％.
在我的内心
– 左,宽20％.
– 内容,宽度60％.
– 右,宽度20％.
我希望容器占据页面宽度的70％,而内部容器(左,内容和右)占据容器div的20％,60％和20％.
我在这里尝试了其他问题,我试过谷歌,但似乎无法找到正确的答案.请帮我阻止他们重叠.
但是当我重新调整浏览器大小时,div会重叠.喜欢这个：
这是相关的CSS代码：
#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：
#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/
