1

我试图弄清楚我们如何让 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*/
}
4

5 回答 5

1

在两个 div 上使用此样式：

float:left
于 2014-10-07T00:31:46.143 回答
0

像这样试试

<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>
于 2012-09-13T11:50:24.490 回答
0

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 文档非常好。

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

于 2014-11-07T18:44:19.310 回答
0

为两者添加一个公共类：

.myfloatingdiv{

显示：内联块；向左飘浮;

}

只记得让 div 以相反的顺序排列...

myrightdiv 我的leftdiv

希望能帮助到你 ：）

于 2012-09-13T12:03:07.710 回答
0

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

嗨，现在定义white-space nowrapcss

像这样

<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>
于 2012-09-13T11:56:03.480 回答