Question

我有一个液态布局。我需要 2 divs 水平相邻, 并使用全部可用的宽度。第二 div 必须是其内容的宽度, 因此第一 div 将会占用其余的空间。

Here is my attempt: http://jsfiddle.net/jamesbrighton/N2prR/2/

除了# 按钮后面有其它背景外, 它的工作方式是。 Im my actual site # other 右侧也有背景图像设置。这意味着我需要背景颜色和图像, 才能扩展至 # 按钮, 而不是范围以外。

Answer 1

两者中的第1项均应浮动。 (如果没有,则存在于不同的“层次”和重叠中)

至于自动宽度问题, 我不认为您可以用 html 轻易做到。在我的经验中, 它总是比较适合使用设置的宽度/ 高度与 divs 一起工作。

如果您想要的话, 您可以使用 2 td 表格( 一个设定为100%宽度, 另一个设定宽度 - 例如 200px)

祝你好运

Answer 2

<style>
#other {
    background-color: blue;
width: 40%;
}
#button {
   background-color: gold;
   float: right;
   border-radius: 10px;
   width: 60%; 
}
.clear{
   clear: both;
}

<div id="parent"> 
 <div id="button">
    Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit
 </div> 
 <div id="other"> 
   Some other content
 </div>
<div class="clear"></div>
</div>

您必须给第 1 & lt; div> 以百分比固定一些。第二段的文字会自动折叠。

友情链接