欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

父div没有被撑开,该怎么解决?_html/css_WEB-ITnose

程序员文章站 2022-04-15 19:30:52
...
	


上面的例子中,保留div1的height:100%的前提下,能够让div2撑开div1吗?


回复讨论(解决方案)

默认情况下就是撑开的

height:100%;不要或者设为 height:auto,

都100%了。。。你还想怎么撑开,,,本身就是撑开了的。。。

不能的,height:100%是当前窗口的高度,#div1 height:auto;

设定height:auto;的话div1内部就不能使用百分比设定高度了。

实际应用中div2高度不确定,而且可能会用百分比设定高度。希望的效果是div2较小的场合,div1充满屏幕;div2较大的场合,div1被撑开和div2一样大。

你需要的是设置 min-height:100

原先设定是#div1 min-height:100%;,能实现期待效果,但div1内部元素高度不能用百分比布局了,所以想修改。

目前的困境是,如果设定height:100%就撑不开;不设定内部元素布局又受影响。

在怀疑单纯CSS是不是做不到?

吧 #div 下面需要百分比布局的 元素 拿出来
另外弄一个 div.height:100% 的层 这个层 和 #div 重叠 就可以了(前面拿出来的元素放进去)

另外放div好像还是难以达到效果。

div设定高度(不是auto)的情况下,没办法被子元素撑开吗?以前在ie6似乎是撑开的