我一直在尝试将两个 div 并排放置，但找不到有效的方法。我想在文章旁边设置侧边栏菜单。我尝试将一个向左浮动，但它所做的只是在两者之间造成巨大的差距。 这是我的代码:
CSS
div#divone {
float:left;
margin-left: 10%;
border: 2px outset white;
padding; 10px 10px 10px 10px;
font-family; Times New Roman;
}
div#divtwo {
float:right;
margin-left: .1%;
border: 2px outset white;
padding; 10px 10px 10px 10px;
font-family; Times New Roman;
}
HTML
<div id="divone">
<p>word</p>
</div>
<div id="divtwo">
<p>word</p>
</div>
最佳答案
您可以在 div 上使用 float:left 将它们放在一起，当您这样做时，为什么不将通用样式放在一个地方，让您的 CSS 有点 '清洁工？
div.floated {
float: left;
border: 2px outset white;
padding: 10px 10px 10px 10px;
font-family: Times New Roman;
}
div#divone {
margin-left: 10%;
}
div#divtwo {
margin-left: .1%;
}<body>
<div class="floated" id="divone">
<p>word</p>
</div>
<div class="floated" id="divtwo">
<p>word</p>
</div>
</body>如果您想玩转代码，这里有一个 jsfiddle 来表示它:http://jsfiddle.net/ya3L75xd/
关于html - 如何将两个 div 并排放置？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28332667/