Css 直到加载所有数据,包装才会展开
在这张图片上,我用红色标记了container1和它的子元素container2#container2有三个以蓝色标记的列div 由于外部应用(addThis、Facebook、Adsense)加载延迟,这两个容器都没有扩展,我就拍下了这张快照。之后,两个容器都会按预期膨胀。无论如何,我总是在扩展容器2之前看到图片(col2)和col1显示。(秒延迟的分数,但它存在) 如图所示#container1会立即扩展到其最小高度值,而#container2则不会。 无论如何,我不喜欢这个补丁使用最小高度Css 直到加载所有数据,包装才会展开,css,Css,在这张图片上,我用红色标记了container1和它的子元素container2#container2有三个以蓝色标记的列div 由于外部应用(addThis、Facebook、Adsense)加载延迟,这两个容器都没有扩展,我就拍下了这张快照。之后,两个容器都会按预期膨胀。无论如何,我总是在扩展容器2之前看到图片(col2)和col1显示。(秒延迟的分数,但它存在) 如图所示#container1会立即扩展到其最小高度值,而#container2则不会。 无论如何,我不喜欢这个补丁使用最小高
是否可以在显示内容的同时展开两个容器?只需指出您在
#container1
中有一个输入错误:min heigt:950px
应该是min height
。您是对的。这让人分心。无论如何,它们都会在显示某些内容后展开
#container1{
text-align:center;
width:926px;
padding:15px; margin-left:12px;
margin-bottom:10px;
border:thin solid #999;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
box-shadow: inset 0 0 15px #CCC;
-moz-box-shadow: inset 0 0 15px #CCC;
-webkit-box-shadow: inset 0 0 15px #CCC;
min-heigt:950px
}
#container2 {
width: 980px;
text-align:left; /* reset text alignment */
margin:0 auto;
position:relative;
background-color:white;
border: thin solid #999;/*#69c7e8;*/
border-top:none;
box-shadow: 0px 5px 8px #CCC, -5px 5px 8px #CCC, 5px 5px 8px #CCC;
-moz-box-shadow: 0px 5px 8px #CCC, -5px 5px 8px #CCC, 5px 5px 8px #CCC;
-webkit-box-shadow: 0px 5px 8px #CCC, -5px 5px 8px #CCC, 5px 5px 8px #CCC;
min-height:1000px;
}
#col_1{
float:left;
width:200px;
margin-left:0;
text-align:left;
}
#col_2{
float:left;
width:566px;
text-align:left;
}
#col_3{
float:right;
width:160px;
margin-right:0;
text-align:left; }