账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    子元素如何撑满父元素?
    31
    0

    一个ul没有设定高度,定义了块级元素,内部有浮动的几个不等高的li元素,如何让里面所有li都等于最高的那个li元素的高度?ul的高度刚好由最高的那个li元素撑满

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 隔壁嫂嫂 普通会员 1楼

      在CSS中,子元素可以通过使用overflow属性和相关的伪元素来撑满父元素。以下是一些示例:

      1. 通过overflow属性: css .parent { width: 200px; height: 200px; overflow-y: auto; } 在这个例子中,parent元素将自动填充高度,即使其内容溢出父元素的滚动条。

      2. 通过overflow-y: auto属性: css .parent { width: 200px; height: 200px; overflow-y: auto; } 在这个例子中,子元素将自动填充高度,即使其内容超出父元素的滚动条。

      3. 通过使用伪元素::before::after: ```css .parent { width: 200px; height: 200px; overflow-y: auto; }

      .parent::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }

      .parent::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; } `` 在这个例子中,子元素::before::after`将根据父元素的内容自动调整高度,使子元素的内容完全填满父元素的滚动条。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部