1
A
回答
0
這似乎是這樣做的。雖然@stefanw有一個點。側欄會擴大到其文本的寬度,這意味着文本將不會換行。我認爲這可能不是你想要的。或者,也許是,如果你在這裏放置的東西不是很寬,但是不是固定的?
<html>
<head>
<style type="text/css">
#overallWrapper div {
background: #CCC;
border: 1px solid black;
padding: 15px;
height: 100%;
}
#sideBar {
float: left;
}
</style>
</head>
<body>
<div id="overallWrapper">
<div id="sideBar">
I need this to expand to the width of this text...
</div>
<div id="content">
This should take the rest of the room, whatever's left...
</div>
</div>
</body>
</html>
如果需要,您可以刪除overallWrapper。
1
如果您完全擔心左側側欄的寬度,那麼您可以將最大寬度css屬性應用於左側div,以防您不打斷您的內聯內容。
此外,請確保您的文檔類型是嚴格的,如果你支持ie7與最大寬度。
相關問題
- 1. 帶可選側欄的流體內容div
- 2. CSS流體列(根據內容寬度)
- 3. 託管流媒體內容
- 4. 流媒體內容JSF UI
- 5. CSS流體'列'
- 6. CSS 3柱流體固定流體
- 7. AOL造型問題 - 兩個固定側邊欄一個流體內容佈局
- 8. 固定寬度側邊欄和流體寬度主要內容區與susy
- 9. CSS流體佈局?
- 10. 固定標題+固定右側導航+流體內容區域
- 11. 右側浮動側邊欄主要內容流動 - 如何?
- 12. 流體容器在流體網站上的靜態容器
- 13. 與流體寬度內容嵌套clearfix
- 14. 解密HTTP實時流媒體內容
- 15. 流體半流體液體的div
- 16. CSS/Javascript流體字體大小
- 17. CSS媒體查詢流體圖像
- 18. 獲取CSS動畫流體
- 19. 帶CSS的流暢字體
- 20. CSS流體/靜態佈局
- 21. CSS流體設計問題
- 22. CSS流體網格佈局
- 23. css流體佈局問題
- 24. C#Web API - 流媒體內容不斷更新8x8流媒體服務
- 25. 流體側邊欄和最大寬度主柱
- 26. 側邊欄與背景流體到窗口邊緣
- 27. 自舉流體佈局 - 固定寬度的側邊欄
- 28. 服務流式傳輸內容,無流媒體分發
- 29. 使用Bootstrap混合容器(流體+非流體柱)
- 30. 容器和容器流體的Bootstrap導航欄組合
這很好。那裏有問題嗎?或者只是一份工作單?我會回答一個問題,但我不會做你的工作。 – geowa4 2009-07-16 00:01:01
如果側邊欄根據其內容進行擴展,則會擴展到100%的寬度,並且其中包含一些文本行。不是真正的側欄定義。 – stefanw 2009-07-16 00:08:25