section可以不写死高度,让内容撑开高度吗

section可以不写死高度,让内容撑开高度吗

# 具体遇到的问题
我看老师写都是先定义好section的高度,再写里面的内容,这样万一以后里面的内容有增加怎么办?
# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

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

2回答

同学你好,问题解答如下:

“weixin_慕雪1363253”这位同学的回复,有一定的道理,但是不全面。补充如下:

1. 如果section中的内容需要动态渲染,即子元素个数不固定,那么建议不给section设置固定高度,让其由内容撑开比较好。比如饿了么的商家列表页,列表中有多少商家并不固定,所以父元素最好不要设置成固定高度。因此同学可以不给section设置高度,由内容撑开即可。
2. 如果内容固定那么多,比如就三个商家,那么可以给父元素设置固定高度,好处就是即使子元素浮动了,那么不清除浮动也不会影响页面布局,因为height属性可以让父元素有高度(解决了父元素高度塌陷问题)。
3. 代码的书写方式并不唯一,只要觉得合理即可。
祝学习愉快!

weixin_慕雪1363253 2020-11-17 09:55:59

有的section是需要设置背景颜色的,宽度默认是100%,如果不设高度的话就无法添加背景颜色

  • 不对啊,填了内容,而且section清除浮动,它不就有高度了吗?内容撑开了高度。为啥要写死高度呢
    2020-11-17 10:03:33
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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