重叠的DIV（可变宽度问题）

我有2个div列设置为val％，在那些列内我有一些较小的静态宽度/高度框..重叠的DIV（可变宽度问题）

..另一方面可变宽度/高度栏。

但是，当我改变浏览器窗口的宽度时，这些div重叠。

我已经尝试过overflow/float/min和maximum height等等的各种组合，但我没有得到任何地方。

有人能指出我错过了什么吗？

粗糙的jsfiddle： http://jsfiddle.net/2xdcases/

实际页： https://www.ablueman.co.uk/testbench/newindex/

screenshot

.content { 
margin: 2px 0px 2px 0px; 
border-bottom: 1px solid #BABABA; 
padding: 10px 10px 10px 10px; 
background-color: #b0c4de; 
} 

.cont { 
float:left; 
width:48%; 
margin: 1px 0px 1px 0px; 
border-bottom: 1px solid #BABABA; 
padding: 5px 5px 5px 5px; 
/*background-color: #b0c4de;*/ 
/* min-height: 600px; */ 
} 

.co { 
float:left; 
width: 200px; 
Height: 300px; 
margin: 1px 0px 1px 0px; 
border: 1px solid #BABABA; 
padding: 2px 2px 2px 2px; 
overflow:auto; 
}

来源

2014-08-31 ablueman

的jsfiddle是在操作系统工作正常，在最新的Safari浏览器X – Gersom 2014-08-31 08:50:36

你尝试不同的浏览器的宽度？它只有当左边的盒子从3列弹出到2或伸出时......它们重叠。 – ablueman 2014-08-31 08:51:20

通过您的直接链接，我能够重现错误。看到我的答案寻求解决办法 – Gersom 2014-08-31 08:53:17

给#contentWrapper overflow: hidden;

因为在左侧的元件被浮置，则父元素将会OT改变它的大小相应

欲了解更多信息，请阅读此：http://css-tricks.com/all-about-floats/（尤其是标题“的大崩溃”下）

来源

2014-08-31 08:51:47 Gersom

啊..我试过溢出：隐藏;在所有的类上，但实际上没有该标识的CSS。很好，谢谢！ – ablueman 2014-08-31 09:01:00

会给那个读ta。 – ablueman 2014-08-31 09:04:40

重叠的DIV（可变宽度问题）

回答

相关问题