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

641992121

发布于
2016-01-20

更新于
2016-01-22

这样写有什么好处，并且要注意一些什么？

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

html

html5 css

阅读 4.8k

3 个回答

得票最新

刘先森

15032031

发布于
2016-01-20

块元素宽度就是100%

Lemo_Liu

3074

发布于
2016-01-20

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

酒笑生

2103913

发布于
2016-01-20

一般有两种做法

一种像bootstrap,使用container设置了内容区域的宽度,并使用媒体查询来自适应屏幕,然后container里面的内容在用row和col来按比例分割,所以section可以不用宽度,
另一种
另一种是全屏布局的,没有container或者container是100%宽度的
自适应很重要的一点就是不要规定内部元素的宽度,因为规定了宽度就没法自适应,

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？