2011-12-19 60 views
0

可能重複:why does the css min-width attribute not force a div to hae the specified minimum width?塊元素的邊際大小

我的網站:http://tg.unifiedtech.org/

我工作的佈局是相當複雜的(至少對我來說)的款式。然而,我用大量內容來設計這個網站的主要內容區域,而不是Wordpress默認的「Hello World」,這個帖子非常小。

當您看到很長的內容時,樣式看起來不錯,但是當內容只有一個句子時,#CWrapper會縮小到不希望有的東西。我不明白爲什麼。 :/

受影響的網頁/職務:http://tg.unifiedtech.org/2011/12/17/hello-world/


問題:爲什麼不將瀏覽器(Chrome/FF ATM)使用我定義來定義的#CWrapper寬度的保證金?


事情我已經嘗試:

  1. position:absolute;#CWrapper(按this question) - 當min-width使用,盒子縮水甚至更小。
  2. float:left;#CWrapper上(按照this question
  3. 應用min-width屬性與靜態像素(基於1024×768的分辨率)和可變長度/百分率值

提前感謝!

回答

1

只需從#Wrapper刪除position:absolute - 如果您爲元素添加絕對定位,則會丟失其width:auto(= div的默認值,即其父項的100%)。由於#Wrapper已經失去寬度,子元素不能繼承它。

+0

唉!謝謝,你剛剛修好了昨天開始的頭痛:) – Zack 2011-12-19 16:10:42