可能重复: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
一起使用时,框缩小甚至更小。
float:left;
在#CWrapper
上(根据this question)min-width
属性,包含静态像素(基于1024x768分辨率)和可变长度/百分比提前致谢!
答案 0 :(得分:1)
从position:absolute
移除#Wrapper
- 如果向元素添加绝对定位,则会丢失其width:auto
(= div的默认值,即其父级的100%)。由于#Wrapper
已丢失其宽度,因此子元素无法继承它。