2 div彼此相鄰而不使用寬度

我想知道如何讓2個div完全相鄰，但不使用寬度等任何東西。2 div彼此相鄰而不使用寬度

我正在使用Bootstrap響應式，我禁用了正確的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*/ 
}

來源

2012-09-13 user1663544

如果在這裏附近有一件事比黃金的重量更重要，那就是_code_。請發佈您的代碼或指向相關示例的鏈接。 – Kyle

請在這裏發佈您的代碼 –

發佈代碼。 – user1663544

嘗試這樣

<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-13 11:50:24

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

嗨現在定義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>

來源

2012-09-13 11:56:03

添加共同的類以下兩者：

.myfloatingdiv {

顯示：內聯塊; float：left;

}

只記得有申報單以相反的順序...

myrightdiv myleftdiv

希望它能幫助:)

來源

2012-09-13 12:03:07 OctoD

浮動的所有東西都會自動顯示：塊。所以，它應該是'display：inline-block;'**或**'float：left;'，但不能同時使用。 – selfthinker

使用這種風格上都申報單：

float:left

來源

2014-10-07 00:31:46

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內聯塊是你的朋友。

來源

2014-11-07 18:44:19 Creaven

2 div彼此相鄰而不使用寬度

回答

相關問題