DIv 没有设置高度的情况下 里面块设置高度不是会被撑开,为什么会出现如下情况

如题所述

将三个DIV的高度都设置为自动,overflow:auto;,里面的两个DIV都要有内容,没有内容的时候是撑不开DIV的,你还可以设置最大和最小高度,保证DIV内容最少也得能撑开容器,最大不会超过一定的高度从而导致网页变形。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-20
因为内部的块级元素浮动了。
所以,在未撑开的父元素结束前写<div style="clear:both;"></div>本回答被网友采纳
第2个回答  2020-12-07
可以通过js实现两个div自适应同等高度,如下:先设置div+css基本布局:<divid="mm"><divid="mm1">左边</div><divid="mm2">右边</div></div>js实现div自适应高度代码如下:<scripttype="text/javascript"><!--window.onload=window.onresize=funct{ifdocument.getElementByIdx_x"mm2".clientHeight<document.getElementByIdx_x"mm1".clientHeight{document.getElementByIdx_x"mm2".style.height=document.getElementByIdx_x"mm1".offsetHeight+"px";}else{document.getElementByIdx_x"mm1".style.height=document.getElementByIdx_x"mm2".offsetHeight+"px";}}--></script>

搜索
web前端从零开始自学
javascript编程入门
html5编程入门自学
前端开发全套教程
web前端开发基础教程
html编程教程免费

DIv 没有设置高度的情况下 里面块设置高度不是会被撑开,为什么会出现...
因为内部的块级元素浮动了。所以,在未撑开的父元素结束前写<div style="clear:both;"><\/div>

div没有设置高度为什么边框不随着增长?
原因:浮动 & 改变了定位(可能是容器、子元素),导致跳出正常流。DIV使用注意事项:1、布局时遵循从整体到局部的原则。可以尝试先设计出各个div块之间的关系,包含或者并列。2、并列的块时,可使用float属性,使用float时要保证这两个块的宽度之和小于其父级块,否则会出现折行。3、在应用了float属性...

div高度不能自适应
可能是 标签里 自身属性设置不对影响到div 也可能是 排版问题 边上的标签影响到

div里放置多个div,在没有设置高度的时候,会出现哪几种情况,解决方法是...
div里面可以嵌无数个子div 没有设置高度他会随着内容走 如果要固定高度 在父容器里设置高度和overflow:hidden

什么情况父div会被子div撑大 div没有被dl里的dd撑大,只能被内联撑大吗...
\/\/这种情况是在没有box-sizing:border-box的情况下,div将会在原有的基础上撑开2 * 10 px ,撑开父级,如果这个div是body子元素,那么你会看到水平有滚动条;2.什么情况下不会撑大包括浮动?定死宽度(我们说的都是水平方向,垂直也是一样的道理),无论连的内容多大他的宽度都不会变化,你可以...

关于DIV布局,div高度随内容增加而增加的问题?
给div设定宽度,高度不写,或写成height:auto;就可以了,这样div的高度就是随内容而增加的。有两种情况div是不会自动增加的:一、div容器里有position:absolute;绝对定位的标签,这种要把那个决定定位的标签的高度设定。二、div容器里有float的标签,这种要清除浮动才行。

...里边文字的高度?我给DIV设置了min-height,为什么不生效?文字多了还...
可以不用设置高度,如果父层内容没有设置浮动,是会自适应高度的。如果父层没有浮动,而包含的两个子层设置了浮动,那父层也要设置浮动,才能自适应高度。再一个就是你设置的高度不够,肯定会溢出。min-height一般不习惯用。兼容性不好。

div 没有设置height 内容撑大···怎么获取高度啊, clientHeight offsetH...
如果你想固定高度,设置width(宽度)height(高度)display:block(成块) float:left(左浮动)和 overflow:hidden(禁止溢出)属性。应该就可以了

HTML学习之给div高度设置百分比不生效的问题
HTML代码如下:我创建了三个div,它们是块级元素,会自动撑开宽度。但当我尝试为它们设置高度,发现只有具体数值能撑开相应空间,百分比高度并未按预期工作。在给div1和div3设置具体高度后,它们能撑满期望的空间,但当高度设置为百分比时,高度并未撑开,只会随着内容的增加而增加。这令我感到疑惑,...

怎样让DIV自适应高度
,设置高度200px,内容超出后IE6会自动撑高设定高度 *\/ min-height:200px; \/* css注释: css最小高度为200px支持所有浏览器,IE6浏览器除外 *\/ 这个设置,ie6,7,8 ,9,10,火狐等都能兼容2、具体设置代码:div{ _height:200px; min-height:200px \/* css 注释:两个放置不分前后顺序,...

相似回答