Question

我试图想象我们如何将2个div完全相邻，但不使用宽度等等。

我正在使用Bootstrap Responsive，我已经禁用了正确的div。虽然，左边的div看起来仍然会有一个正确的div。

有没有办法做到这一点？

.rightinfo { /* On the right */

float:right;
padding:5px;
position:relative;
top: 0;
right: 0;
margin-left:500px; /* Any kind of margin in here doesn't work, even without width */
}

.maininfo { /* On the left */
    background:#CAD2E0;
    padding: 5px;
    width: 69%; /* Even if there's margin-left on the right div, this still overrides it and uses the whole page size if it's 100% width*/
}

Answer 1

在两个div上使用此样式：

float:left

Answer 2

试试这个

<style type="text/css">
div.item
{
 float:left;
 }
</style>
<div style="float:left" id="items-container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

Answer 3

....................................

您好现在定义white-space nowrap css

就像这样

<style type="text/css">
.someclass{
white-space:nowrap;
font-size:0;
}
.itemcss
{
display:inline-block;
vertical-align:top;
font-size:12px;
 }
</style>

<强> HTML

<div class="someclass">
<div class="itemcss"></div>
<div class="itemcss"></div>
<div class="itemcss"></div>
</div>

Answer 4

为两者添加一个公共类：

.myfloatingdiv {

display：inline-block; float：left;

}

请记住让div以相反的顺序......

myrightdiv myleftdiv

希望有所帮助：）

Answer 5

Bootstrap将内置此功能。

Use your layout classes.
<div class:container>
<div class:row-fluid>
<div class: Col-md-6 >
First div
</div>
<div class: Col-md-6 >
Second div
</div>
</div>
 </div>

如果你想要抵消这也可以做到。 Bootstrap文档非常好。

如果不使用bootstrap内联块是你的朋友。

2个div彼此相邻而不使用宽度

5 个答案: