CSS內容寬度/浮動問題

我有一個問題，我試圖製作一個內容框，它本身的寬度會有所不同。在這個內容框裏面會有兩個其他的盒子，其中一個我會知道確切的寬度，另一個我不會。問題是我想能夠設置我知道的內容的寬度，然後讓其他內容佔據寬度的其餘部分（我不知道）。如果你看看這個頁面：CSS內容寬度/浮動問題

http://ryanzec.com/tests/test1/：這可能是最好的你看這與任何瀏覽器的最新版本。

第三，第五和最後一個是壞的，因爲框中的內容我不知道寬度（帶有文本的那個）佔用了多於一行的推送其他內容（一個與按鈕）下來。我希望按鈕始終位於頂部文本的旁邊。我如何幹淨地獲得這種效果？

請注意，我對瀏覽器支持的擔心是每個瀏覽器的最新版本。 IE 8並不是一個高度優先考慮的問題，儘管我希望它能夠下降（我不在乎它沒有圓角或者像這樣的小東西）。我可以不關心IE 7 // 6（因爲它看起來像這些瀏覽器中的cray）。

來源

2011-06-06 ryanzec

你可以在源向前邁進.title僞的.controls，然後從.title僞去除浮動。這將使控件和標題保持在同一行，但會導致標題在控件之下進行換行。要停止包裝，可以給.title一個等於.controls寬度的右邊距。

來源

2011-06-06 01:21:02 Tyssen

工作就像一個魅力，謝謝。 – ryanzec 2011-06-06 01:27:52

您可以使用jQuery：

<div id="content-box"> 
<div class="known" style="width:300px;"></div> 
<div class="unknown"></div> 
<div> 
<script type="text/javascript"> 
var box = $('.unkown').width(); 
$('#content-box').css('width',(box+300)+'px'); 
</script>

來源

2011-06-06 01:17:52 Sparkup

CSS內容寬度/浮動問題

回答

相關問題