2013-11-09 60 views
0

的Html股利漂浮在其他分區

<div id="middle" style="width="600px"> 
     <div id="section1" class="section"></div> 
     <div id="section2" class="section"></div> 
     <div id="section3" class="section"></div> 

</div> 

我需要的div左浮動在中間div.So我想製作幻燈片DIV

Css here

+0

你希望他們在水平順序? –

+0

是的水平序列 –

回答

0

您可以使用display:inline-block並刪除浮動)上.section元素,使容器.middlewhite-space:nowrap

<div id="middle" style="width:600px"> 
     <div id="section1" class="section"></div><div id="section2" class="section"></div><div id="section3" class="section"></div> 
</div> 

#middle{ 
    display:block; 
    width:639px; 
    height:600px; 
    overflow:hidden; 
    white-space:nowrap; 
    } 
.section{ 
    width:639px; 
    height:600px; 
    background:#333; 
    display:inline-block; 
    } 

注意,我刪除每個.section元素之間的空白,以避免它們之間的空間..

+0

我有這個代碼的小問題一切正常,但有1個PX空間附近的所有div:S –

+0

你有沒有按照我最後的通知..你需要刪除div元素之間的空白..如果你的問題仍然存在,請發佈一個鏈接,以便我們可以看到它的生活.. –

+0

它的作品如此偉大:)謝謝 –

0

試試這個(布努沙地):

<div id="middle" style="width="600px"> 
    <div align="left" id="section1" class="section"></div> 
    <div align="left" id="section2" class="section"></div> 
    <div align="left" id="section3" class="section"></div> 
</div> 
+0

align'ınkullanımamacınıbiliyorum veolmadıteşekkürlergenede ... –