2011-12-19 13 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」の投稿ではなく、大規模なものでスタイル付けしました。

内容はかなり長いですが、コンテンツが1つの文だけの場合は、#CWrapperが望ましくないものになります。私は理由を知りません。 :/

影響を受けるページ/ポスト:http://tg.unifiedtech.org/2011/12/17/hello-world/


質問:なぜブラウザ(クローム/ FFの気圧が)私は#CWrapperの幅を定義するために定義するマージンを使用していませんか?


物事は私が試してみた:

  1. position:absolute;#CWrapper上(this question通り) - min-widthで使用する場合、ボックスはさらに小さく縮小しました。静的(1024x768解像度に基づいて)ピクセルと可変長の両方と#CWrapper
  2. float:left;this questionの通り)
  3. アプライドmin-widthプロパティは/予め

ありがとうパーセンテージ!

答えて

1

からposition:absoluteを削除すると、要素に絶対配置を追加すると、width:auto(= divのデフォルト値、つまり親の100%を意味します)が失われます。 #Wrapperはその幅を失っているため、子要素は継承できません。

+0

Argh!ありがとう、あなたはちょうど昨日始まった頭痛を修正:) – Zack