содержание из DIV

Question

Это, как я настроил дивы в HTML

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

И это в CSS для Div в

#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; 
} 

Все показывает из Див .. В

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