怎么让div的宽度不变,高度自适应内容的高度,新手求举例,谢谢
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让div的宽度不变,高度自适应内容的高度,新手求举例,谢谢相关的知识,希望对你有一定的参考价值。
参考技术A 在设置好宽度,不设置高度的情况下,父级div的高度本身就是根据子级div高度自适应的,不需要主动设置。但是如果子级div有浮动或者绝对定位,就不会对父级div的高度产生影响,高度也就无法自适应了。这种情况就需要给父级div清浮动(父级自适应,子级绝对定位是无法实现的)。希望对你能有所帮助 参考技术B <div style="width:300px; float:left; height:auto;">
</div>
这样写 就可以了 不过 div 里面的 子元素 要都有float:left;这属性
例如:
<div style="width:300px; float:left; height:auto;">
<div style="width:100px; float:left; height:150px; background:#000;">
</div>
希望能对你有帮助本回答被提问者采纳 参考技术C height:auto;
CSS 的设置 div子节点怎么自适应 父节点的高度呢 父节点没有设置高度值的
参考技术A 如果某个div设置了高度,你可以获取这个div的高度,然后可以把这个高度给任意一个div赋值。var height_num=document.getElementById("divID").height;
var object_div=document.getElementById("childDiv");
object_div.height=height_num; 参考技术B 你没有设置高度,怎么来的自适应呢?
我认为默认不设置高度适应的都是内容的高度,不论这个内容来自于子div还是父Div 参考技术C 父节点没有设置高度值那么应当是父层适应子层的高度追问
你说的有道理
父节点需要适应一个子节点 然后另一个子节点再适应父节点
以上是关于怎么让div的宽度不变,高度自适应内容的高度,新手求举例,谢谢的主要内容,如果未能解决你的问题,请参考以下文章
如何使div中的图片自适应宽度和高度,图片不变形,可以超出div,超出部分隐藏