这样写有什么好处,并且要注意一些什么?
我有同事如此使用,结果出现一个问题就是pc端显示正常,但是移动端发现容器被撑开!
查看盒模型发现只添加display:block;默认有了980px的宽度,子元素设置了1200px的宽度然后就撑开了!
这980px的宽度感觉是浏览器默认添加的,把section的宽度改成了1200px问题就解决了,但是并不想设置具体的宽度值!
还是说如果子容器要设置固定的宽度,父容器就不能单独的只设置display:block?
块元素宽度就是100%
一般有两种做法
一种像bootstrap,使用container设置了内容区域的宽度,并使用媒体查询来自适应屏幕,然后container里面的内容在用row和col来按比例分割,所以section可以不用宽度,
另一种另一种是全屏布局的,没有container或者container是100%宽度的
自适应很重要的一点就是不要规定内部元素的宽度,因为规定了宽度就没法自适应,
section
是html5中的新标签,表示一个文档节或区段,用该标签是为了代码结构更加清晰,达到语义化的目的;display:block;
是为了定义元素为块元素;块元素默认是占满整行的