2011-03-24 82 views
4

我想要一個帶有內容邊框的HTML頁面。內容不適合在屏幕上。增加身體寬度以適應內容

實施例:

<div style="border: solid red 1px;"> 
    <div style="width: 2000px;"> 
     Hello world 
    </div> 
</div> 

我想鑲上DIV爲2000個像素寬。但是,它只與瀏覽器視口一樣寬。

如何使外部DIV與其內容一樣寬,最好不使用Javascript?

+0

如果你設置外部DIV的寬度,它會更有意義。 – 2011-03-24 13:31:59

+0

我在閱讀你的問題時有點不清楚。你爲什麼不在'DIV'外面'寬度:100%'' – SQLMason 2011-03-24 13:27:48

回答

10

通過添加float: left,可以使外部<div>縮小以適應其內容(「收縮包裝」)。

+0

在這種情況下,它將是「expandwrap」。 – 2011-03-24 13:32:37

+0

這是一個偉大的技術 – Xhalent 2011-03-24 13:39:28

+0

謝謝你這個 – hubbl 2011-09-01 15:59:27

2

只是浮動它。

<div style="border: solid red 1px; float: left;"> 
     <div style="width: 2000px;"> 
      Hello world 
     </div> 
    </div>