3

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

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

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

还有一个俗气的图表(请注意,显示的 1000px 只是一个示例——在任何 div 容器上都没有设置宽度):

俗气的图

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

4

4 回答 4

0

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

于 2012-04-11T20:58:52.773 回答
0

如果你知道父母 in PX not in 100% 。

让我们说你如何输入你的截图“1000px”你的css将会工作

前任:

点击这里

于 2012-04-11T20:59:13.990 回答
0

既然你知道父母和孩子的大小,它真的很容易。http://jsfiddle.net/rTL6T/

于 2012-04-11T21:16:05.470 回答
-1

那是因为您通过代码强制设置 div 的宽度(类似于 .MyClass{width:1000px})。

请看一下这个答案:

如何使 CSS 宽度填充父级?

于 2012-04-11T20:49:51.853 回答