内容超出div

Question

这就是我在HTML中配置div的方法

<div id="wrapper"><div id="content"><div id="details-middle" class="box">
..........content.........
</div></div></div>

这就是div的css

#wrapper {
    border-radius: 12px;
font-size:13px;
line-height:140%;
width:1008px;
margin:0 auto;
    margin-top: 15px;
    margin-bottom:15px;

}
#content {
margin-left:20px;
width:1008px;
    }
#details-middle
{
float:left;
width:700px;

}
.box {border: 1px solid #CCC;
border-radius:12px;
margin-bottom:7px; 
padding:10px 12px;
background-color: #FFF;
}

所有东西都显示出div ..

Answer 1

您正在浮动details-middle，这意味着非浮动元素不会为它腾出空间，除非它们自己浮动，或者clear the float。

我的首选解决方案是给父母overflow: hidden;，这将迫使父母为其浮动的孩子腾出空间：

#content
{
    margin-left:20px;
    width:1008px;
    overflow: hidden; /* change here */
}

Answer 2

不完全确定你想要什么，关于你的问题没有很多描述，但你需要：

$('#details-middle').text();

只收集该DIV中的文字。

如果您不想显示DIV的子元素，请参阅我最近给出的答案 - 这也可能是您的情景：

jQuery pull out text inside div but not in p tag