怎么让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,超出部分隐藏

如何使div中的图片自适应宽度和高度,图片不变形,可以超出div,超出部分隐藏

怎么让Div自适应高度

css怎么设置高度固定 宽度自适应

DIV+CSS宽度100% 怎么设置图片不变形,高度自适应

CSS中高度根据宽度自适应的方法