为什么li标签每个父元素都要写width:100%,写一个不会直接继承最上面的一个吗?

为什么li标签每个父元素都要写width:100%,写一个不会直接继承最上面的一个吗?

.banner .center-wrap {
    /* 只要有压盖,第一时间就要想到绝对定位 */
    position: absolute;
    top: 0;
    left: 0;
    width: 1152px;
    left: 50%;
    margin-left: -576px;
    /* 这里的100%高度绝对不能省略,因为如果省略了,它的height就是0 */
    /* 那么它的子盒子设置16.6%就没有意义了 */
    height: 100%;
}

.banner .banner-nav {
    height: 100%;
}

.banner .banner-nav ul {
    height: 100%;
}

.banner .banner-nav ul li {
    height: 16.666%;
    width: 296px;
    background-image: linear-gradient(to bottom, red, blue);
}


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2023-04-25 16:36:43

同学你好,是问为什么都写height:100%吧。height属性是没法继承的,比如父元素高度是100px,子元素p不设置高度,那么p的高度就由文字(内容)撑开,而不是和父元素一样高:

https://img1.sycdn.imooc.com//climg/64479093091fb04d04670476.jpg

https://img1.sycdn.imooc.com//climg/644790a60929febd08360120.jpg

所以某些时候,必须给元素设置height属性,指定高度。

center-wrap的高度和父元素一样,所以要设置高度100%;banner-nav的高度和父元素center-wrap一样,所以也要设置高度100%,ul同理。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师