Question

我一直试图将两个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>

Answer 1

你应该放#divTwo { float:left }

Answer 2

浮动：左;对于<div>和他们彼此相邻。

Answer 3

删除float: left;上的div#divone。

将div#divtwo放在html中的div#divone之前。

以下是解决方案：

http://jsfiddle.net/nk2oLvgy/1/

Answer 4

你可以在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/

如何将两个div放在一起？

4 个答案: