並排側的div形式，不應該打破

D1 D2 D3 D4 D5

D2中含有的一種形式。沒有它的工作形式（使用顯示：內聯等）。在生成的HTML中不應該有換行符，因爲這是一個頁面標題。

我該如何做到這一點？這裏

UPDATE的實際代碼

<div id="sep"> 
    <img alt="separator" src="underline.jpg"> 
    <div id="block-search-0" class="block block-search"> 
    <div class="content" style="font-size: 11.52px;"> 
    <form id="search-block-form" method="post" accept-charset="UTF-8" action="/cms/admin/build/block"> 
     <div> 
     <div class="container-inline">aaa</div> 
     </div> 
    </form> 
    </div> 
    </div> 
    <div id="lang"> 
     <ul> 
     <li class="fr first active"><a class="language-link active" href="/cms/admin/build/block">Français</a></li> 
     <li class="en last active"><a class="language-link active" href="/cms/en/admin/build/block">English</a></li> 
     </ul> 
    </div> 
    <div id="block-text_resize"> 
    <a id="text_resize_decrease" class="changer" href="javascript:;"><img alt="-" src="aSmall.gif"></a> 
    <a id="text_resize_increase" class="changer" href="javascript:;"><img alt="+" src="aBig.gif"></a> 
    </div> 
    <div class="block-region">bla</div> 
</div>

注意，換行符，如下所示可能不一樣，在實際的代碼。爲了清晰起見，這裏添加了一些休息時間。

來源

2010-02-17 Marki

（我當然有一個div圍繞所有其他5.） – Marki

你是否也清除浮動元素與該div？ – easwee

<div id="sep"> 
<div class="floated_container"></div> 
<div class="floated_container"> 
    <form></form> 
</div> 
<div class="floated_container"></div> 
<div class="floated_container"></div> 
</div> 

#sep {overflow:hidden;} 
.floated_container {float:left;}

確保您的嵌套容器不超過#sep的總寬度，否則浮動將包裝。

來源

2010-02-17 16:49:18 easwee

確保窗體寬度適合您放入的div？使用螢火蟲檢查器檢查它。

來源

2010-02-17 16:16:08 matpol

我有。即使是空的表格（除了包含2個div）也不會改變。 – Marki

我不確定將一個塊元素（表單）放入內聯元素（display：inline）時會發生什麼。

你可以離開div的爲塊級元素和浮動他們像例如：

#sep > div { 
    float: left; 
}

正式你就必須給浮動元素的寬度爲好，但我不知道是否that's真的有必要，如果這在你的情況下是可能的。

來源

2010-02-17 16:37:13 jeroen

並排側的div形式，不應該打破

回答

相關問題