這是我在這個論壇上的第一篇文章。我之前使用過這個論壇的口氣來尋找幫助，而且它總是非常有幫助和有用的。直接幫助。當第一個div寬度未知時，一種方法可以將2個div彼此相鄰？
我的問題是我想要2個div直接坐在對方旁邊。我正在製作一個社區舞蹈組的博客頁面。通過在CSS中使用float：left屬性，我有了彼此相鄰的div。我在StackOverflow上找到了解決方案，謝謝！
但我不知道Div 1的寬度，因爲我希望它坐在頁面中間。
我的CSS代碼：
.contentsWrapper{
margin-left:100px;
margin-right:100px;
margin-bottom:10px;
overflow:auto;
}
.blogWrapper{
float:left;
}
.archievesWrapper{
width:250px;
float:right;
}
任何幫助將是巨大的！
可能是你想要的。像這樣寫：
HTML
<div class="right">right</div>
<div class="left">left</div>
CSS
.left{
background:red;
overflow:hidden;
height:30px;
}
.right{
float:right;
background:green;
height:30px;
width:250px;
}
您可以嘗試
display: inline-block
。這應該讓他們顯示在彼此旁邊。
即使我不知道第一個div的寬度？ – 2012-04-20 18:19:35
@ScottRobertson瀏覽器確實知道第一個div的寬度。你也應該接受適合你的答案。如果他們不這樣做，你應該考慮給出理由，除非有更好的答案。 – 2012-04-21 20:56:00
你要搜索什麼是 「流體佈局」。
有不同的方法來做到這一點。這種問題已經在不同的網站上被解決了很多次。
這裏有一個鏈接可以幫助你，但你可以找到許多更多的東西。
嘿謝謝你的幫助，這很好用！ – 2012-04-22 20:04:51