避免重疊的div水平

-4

我想修改CSS或成功的兩個條件做一個javascript：避免重疊的div水平

例子：（------------------主要div- ----------------------------）（------ right div -----）

條件：
1）如果在我的主div的右側有一個div，則顯示我的主div，如示例。
2）如果正確的div不存在，我的主div必須得到所有寬度。

我可以用確定的尺寸設置寬度，但是這不符合所有條件。

有人可以幫助我嗎？

來源

2015-04-22 jmhdez

哪裏是你的代碼？你有什麼嘗試？你哪裏錯了？ – Shaggy

這是_countless_問題的重複，請嘗試使用不同的關鍵字搜索網站。 – Nit

發佈你到目前爲止。 – jerrylow

這是已經在這裏找到答案：2 column div layout: right column with fixed width, left fluid

使用width:auto和overflow:hidden CSS樣式爲你的主要股利，這樣只需要所需的寬度。

示例HTML：

<div class="right"> 
    right div fixed width 
</div> 
<div class="left"> 
    left main div flexible width 
</div>

CSS：

.right { 
    width: 180px; 
    float: right; 
    background: #aafed6; 
} 

.left { 
    width: auto; 
    background:blue; 
    overflow: hidden; 
}

來源

2015-05-08 12:53:07

避免重疊的div水平

回答

相關問題