开发者社区 > 云原生 > 容器服务 > 正文

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

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

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

展开
收起
杨冬芳 2016-06-20 17:29:24 2451 0
1 条回答
写回答
取消 提交回答
  • IT从业

    块元素宽度就是100%

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

    2019-07-17 19:44:24
    赞同 展开评论 打赏

国内唯一 Forrester 公共云容器平台领导者象限。

相关电子书

更多
使用CNFS搭建弹性Web服务 立即下载
阿里云文件存储 NAS 在容器场景的最佳实践 立即下载
何种数据存储才能助力容器计算 立即下载