2013-10-20 70 views
-1

我使用三個div div1作爲父母,div2,div3作爲孩子。
這裏DIV2和DIV3設置爲左,右浮動財產...
這兩個div沒有在父DIV得到修復..
需要幫助????DIV沒有得到修復在父div

<div class="blogMain"> 
     <div class="blogLeftBlock"> 
      block1 
     </div> 

     <div class="blogRightBlock"> 
     vlock2 
     </div> 

    </div> 

CSS類

.blogMain 
{ 

    width: 95%; 
    height: auto; 

} 

.blogLeftBlock 
{ 

    width: 500px; 
    height: auto; 
    float:left; 
} 

.blogRightBlock 
{ 
    float: right; 
    width: 250px; 
    height: auto; 

} 
+0

你可以把它詳細一點嗎? –

+0

我使用div1作爲父..在div1我使用div2和div3,這兩個div是作爲孩子和div2,div3設置爲左和右浮動屬性.. 我希望div2和div3應該在div1中修復沒有發生.. 子divs溢出到div1。 –

+0

和代碼,請 –

回答

0

解決內部div1div2div3,你必須給div1一個width大於750px

HTML

<div class="blogMain"> 
    <div class="blogLeftBlock"> block1 </div> 
    <div class="blogRightBlock"> vlock2 </div> 
    <div style="clear:both"></div> 
</div> 

CSS

.blogMain { 
    width: 760px; 
    height: auto; 
} 
.blogLeftBlock { 
    width: 500px; 
    height: auto; 
    float:left; 
} 
.blogRightBlock { 
    float: right; 
    width: 250px; 
    height: auto; 
} 

你最好先檢查一下這篇文章CSS湘江邊101,非常有用http://alistapart.com/article/css-floats-101

+0

有高度的問題,我無法修復DIV1的高度..它被設置爲自動

+0

DIV3後添加此

+0

感謝索賓問題已經解決順便說一句,你能解釋它是如何工作的嗎?plz –