块元素的边际大小

时间:2011-12-19 15:53:07

标签: html css margin

  

可能重复: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的宽度?


我尝试过的事情:

    position:absolute;上{li> #CWrapper(根据this question) - 与min-width一起使用时,框缩小甚至更小。
  1. float:left;#CWrapper上(根据this question
  2. 已应用min-width属性,包含静态像素(基于1024x768分辨率)和可变长度/百分比

  3. 提前致谢!

1 个答案:

答案 0 :(得分:1)

position:absolute移除#Wrapper - 如果向元素添加绝对定位,则会丢失其width:auto(= div的默认值,即其父级的100%)。由于#Wrapper已丢失其宽度,因此子元素无法继承它。