2012-03-05 98 views
2

我這是怎麼配置的HTML內容進行股利

<div id="wrapper"><div id="content"><div id="details-middle" class="box"> 
..........content......... 
</div></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; 
} 

一切都顯示出div的的..

http://grab.by/cdWa

+0

什麼是問題? – Travesty3 2012-03-05 17:15:06

回答

6

你是浮動details-middle,這意味着非浮動元件不會爲騰出空間,除非他們自己浮動,或者你clear the float

我首選的方案是給父overflow: hidden;這將迫使家長讓路給它的浮動孩子:

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

不完全確定你想要什麼,沒有很多描述問候到你的問題,但你需要:

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

收集只是從該DIV文本。

如果你不想顯示DIV的子元素,然後參考這個答案我最近發表了 - 這可能是您的情況太:

jQuery pull out text inside div but not in p tag