Css 相邻两个div，不使用宽度

我想知道我们如何让两个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*/
}

像这样试试

<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>

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

分部项目
{
浮动：左；
}

像这样试试

<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>

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

分部项目
{
浮动：左；
}

Hi now定义

空白nowrap

css

像这样

<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>

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

.某个班级{
空白：nowrap；
字号：0；
}
.itemcss
{
显示：内联块；
垂直对齐：顶部；
字体大小：12px；
}

HTML

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

---

Hi now定义

空白nowrap

css

像这样

<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>

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

.某个班级{
空白：nowrap；
字号：0；
}
.itemcss
{
显示：内联块；
垂直对齐：顶部；
字体大小：12px；
}

HTML

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

---

为这两个类添加一个公共类：

.myfloatingdiv{

显示：内联块； 浮动：左

}

只要记住把div按相反的顺序排列

米里特迪夫 myleftdiv

---

希望它能有所帮助：）

为这两者添加一个通用类：

.myfloatingdiv{

显示：内联块； 浮动：左

}

只要记住把div按相反的顺序排列

米里特迪夫 myleftdiv

---

希望有帮助：）

在两个div上都使用此样式：

float:left 

---

在两个div上使用此样式：

float:left 

---

引导程序将内置此功能

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>

使用布局类。
第一组
第二组

如果要抵消，也可以这样做。引导文档非常优秀

---

如果不使用引导程序，则内联块是您的朋友。

引导程序将内置此功能

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>

使用布局类。
第一组
第二组

如果要抵消，也可以这样做。引导文档非常优秀

---

如果不使用引导程序内联块，那就是你的朋友。

如果有一样东西比它的黄金重量更值钱，那就是代码。请发布您的代码或相关示例的链接。如果这里有一件东西比它的黄金重量更值钱，那就是代码。请发布您的代码或相关示例的链接。所有浮动的内容都将自动

display:block

。因此，它应该是

display:inline块或<代码>浮动：左侧，但不是两者都有。浮动的所有内容都会自动
显示：block
。因此，它应该是
display:inline块或<代码>浮动：左侧，但不是两者都有。