避免重叠的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水平

回答

相关问题