在另一个div内的div错误地获取父div宽度

时间:2012-04-11 20:40:57

标签: html css layout css3

这是你今天愚蠢的HTML / CSS问题......

我有一个包含两个其他div的div。容器设置为显示:box / -webkit-box / etc以水平堆叠包含的div。第一个包含div是一些固定内容,第二个包含一堆其他小块div。

以下是一个示例:http://jsfiddle.net/dex3703/T2EZy/3/

同样是俗气的图表(请注意 1000px只是示例 - 任何div容器都没有设置宽度):

Cheesy diagram

我的问题是第二个包含div占用父级的宽度,因此它总是在浏览器外部伸展。我希望两个div包含在容器中。一切都需要是动态的,所以当浏览器调整大小时,内容会正确调整。我不能在容器或第二个div上放置固定尺寸。

4 个答案:

答案 0 :(得分:0)

如果您不需要使用display:框,请尝试使用旧的float方法:http://jsfiddle.net/gpdV3/

答案 1 :(得分:0)

如果您知道PX中的父级不是100%。

让我们说你如何把截图“1000px”放进你的css上去

例如:

click here

答案 2 :(得分:0)

因为您知道父母和孩子的大小非常容易。 http://jsfiddle.net/rTL6T/

答案 3 :(得分:-1)

多数民众赞成是因为你正在通过代码强制div的宽度(类似.MyClass {width:1000px})。

请看一下这个答案:

How to make CSS width to fill parent?