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

来源:3-2 机酒自由行部分开发(1)

weixin_慕码人7523200

2020-11-17 00:22:55

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

# 相关课程内容截图

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

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

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

写回答

2回答

好帮手慕久久

2020-11-17

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

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

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

1

weixin_慕雪1363253

2020-11-17

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

0
heixin_慕码人7523200
h 不对啊,填了内容,而且section清除浮动,它不就有高度了吗?内容撑开了高度。为啥要写死高度呢
h020-11-17
共1条回复

0 学习 · 15276 问题

查看课程