用html中1到100排序,html – 2 div并排排列,如何使右div填充宽度100％？

看看“

liquid layouts”它可以描述你在说什么。

在您的示例中，尝试将显示设置为内联。但是，你不会在技术上能够使用块级元素，所以看看我在上面发布的链接。 🙂

如果你使用浮动，将宽度设置为100％的问题是它被认为是100％的容器，所以它不会工作，因为100％包括左div的宽度。

编辑：Here是另一个答案的示例，为了简单起见，我已经编辑它包括来自示例站点的html / css。

我还将其包括在下面：

HTML

Content Column: Fluid

Left Column: 200px

CSS

#contentwrapper{

float: left;

width: 100%;

}

#contentcolumn{

margin-left: 200px; /*Set left margin to LeftColumnWidth*/

}

#leftcolumn{

float: left;

width: 200px; /*Width of left column*/

margin-left: -100%;

background: #C8FC98;

}