Question

我有一个 Div( main content) 。这些 div( main container) 位于 aspx 页面中, 我内部 div( mainer div) 内部有许多 asp. net 控制。但有趣的是, 网站看起来是这样的。

""https://i.sstatic.net/omahx.jpg" alt="此处输入图像描述"/ >

https://i.sstatic.net/omahx.jpg" rel=“不跟随 nofollow noreferrer>>https://i.static.net/omahx.jpg

白色部分( maincontent) 应根据里面的精灵调整大小。但是它的高度显示为 0px 。

这是主内容和容器的 cs;

#container
{
background: #FFF;
width: 1000px;
height:auto;
margin-right: auto;
margin-left: auto;
border-right: 2px solid #B0AA94;
border-left: 2px solid #B0AA94;
border-bottom: 2px solid #B0AA94;
border-radius: 0px 10px 0px 10px;
}

#maincontent
{
height: auto;
font-family: Trebuchet MS;
font-size: 10px;
color: Black;
margin-left: 30px;
margin-top: 40px;
}

我错过了什么?

Answer 1

您很可能在这些容器内有很多浮动元素。您需要清除这些元素。您可以将容器的溢出属性设置为“ 自动” 或“ 隐藏” 来清除浮动元素。

小问题:http://jsfiddle.net/JyAMb/"rel="nofolp">http://jsfiddle.net/JyAMb/

Answer 2

浮动 div 将它从元素的正常流中移除。添加 < code@ lt; div 样式="\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

友情链接