Question

在此示例中，是否有任何方法可以将“侧边栏”div对齐到左侧，以便它粘贴到“主”div，而无需手动设置边距或位置？

<div id="wrapper" style="width:1000px;">
<div id="sidebar" style="width:20px; float:right;">Sidebar</div>
<div id="main" style="width:500px; margin:auto;">Main</div>
</div>

Answer 1

你可以让main和sidebar div浮动到一边，并通过使包装更紧密并给出包装器自动边距来使整个事物居中。 CSS：

#wrapper {
    width: 525px;
    margin: auto;
}
#sidebar {
    width: 20px;
    float: right;
    border: thin solid red;
}
#main {
    width: 500px;
    border: thin solid black;
    float: right;
}

您可以在此处查看结果http://jsfiddle.net/BkFgX/

使浮动的div粘在div上，它漂浮在周围

1 个答案: