首页 > 为何我看到很多人写的自适应网页外容器都没有设置width,只有类似section {display: block; }?

为何我看到很多人写的自适应网页外容器都没有设置width,只有类似section {display: block; }?

这样写有什么好处,并且要注意一些什么?

我有同事如此使用,结果出现一个问题就是pc端显示正常,但是移动端发现容器被撑开!
查看盒模型发现只添加display:block;默认有了980px的宽度,子元素设置了1200px的宽度然后就撑开了!
这980px的宽度感觉是浏览器默认添加的,把section的宽度改成了1200px问题就解决了,但是并不想设置具体的宽度值!
还是说如果子容器要设置固定的宽度,父容器就不能单独的只设置display:block?


块元素宽度就是100%


一般有两种做法


section是html5中的新标签,表示一个文档节或区段,用该标签是为了代码结构更加清晰,达到语义化的目的;display:block;是为了定义元素为块元素;块元素默认是占满整行的

【热门文章】
【热门文章】