CSS属性溢出:隐藏导致内部div出现在主div下面

时间:2012-08-07 10:13:47

标签: css overflow hidden

如果#inner_div v超过一定宽度,是否有办法让#main_di停止出现在overflow:hidden v后面?我尝试在css中删除#main_div中的#main_div,但这会导致#main_div { -moz-border-radius:5px; -moz-box-shadow: 0 3px 3px rgba(255, 255, 255, 0.1), 0 3px 0 #BBBBBB, 0 4px 0 #AAAAAA, 0 5px 3px #444444; background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #FFFFFF; margin: 20px auto; overflow: hidden; padding: 10px; width: 970px; } 的背景加载速度非常慢,所以如果可能的话,我想找到另一种解决方案。感谢

主要信息:

.inner_div{
   font-size:12px;
   font-weight:normal;
   font-style:normal;
   margin: 5px 0px 0px 10px;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
   z-index: 0;
   visibility: hidden;
   position: absolute;
   /* white-space: nowrap;*/
   text-align: left;
   padding: 5px 5px 5px 5px;
   width:200px;
}

内部人员:

{{1}}

1 个答案:

答案 0 :(得分:1)

不应使用overflow:hidden,而应使用新的“micro clearfix”。

转到此处:http://nicolasgallagher.com/micro-clearfix-hack/

在您的标记中,您只需在#main_div

上添加“cf”类