li设置高度50%,父集DIV和ul均设最大值高度值600px,但是li高度并没有自适应父集高度的50%,为什么?

li设置高度50%,父集DIV和ul均设最大值高度值600px,但是li高度并没有自适应父集高度的50%,为什么?,第1张

是不是你css写错了或者写的不规范,我做了个例子,并没有你所说的情况出现,效果如下图

html:

<div class="demo">

    <ul class="list">

        <li class="list1"></li>

        <li class="list2"></li>

    </ul>

</div>

css:

*{margin: 0padding: 0}

.demo{width: 300pxheight: 600pxborder: 10px solid #dddmargin: 30px auto}

.list{list-style: nonewidth: 100%height: 100%}

.list li{height: 50%}

.list1{background: #23b7e5}

.list2{background: #f0ad4e}

设置行高即可:

<ul class="room" style="font-size:24pxline-height:1.5">


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7415661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存