我试图实现一种设计，它有五列，宽度可变，但也包含分隔符 div(带有背景图像，因此它们的大小是固定的)。必须有一种方法让这些列 + 分隔符等于 100% 宽度，这样我就可以让页脚正确地扩展和收缩内容。

我查看了固定 div float 相对于流体 div 的代码，但似乎无法将负边距的想法扩展到具有 6 个固定分隔符 div 的 5 个流体列。

这是我的..

CSS 有点像

.sep{
width:26px;
position:relative;
margin-top:-20px;
height:1113px;
float:left;
background-image:url('images/sep.png');
} // other sep divs are the same just using a different sep background
#column-container .col_one,#column-container .col_two,
#column-container .col_three,#column-container .col_four,
#column-container .col_five{
height:1090px;
overflow:hidden;
margin: 0 auto; 
width: 16.8%; 
float: bên trái;
}
#content{
min-width:975px;
width:80%;
margin: 0 auto;
}

1 Câu trả lời

选项#1:用一周剩下的时间尝试弄清楚如何在 javascript 中执行此操作，永远不要对结果完全满意。

选项 #2:稍微更改 html 结构。