使用 position 来对齐元素时需注意的问题

最新推荐文章于 2022-08-05 14:53:46 发布

光之旅人

最新推荐文章于 2022-08-05 14:53:46 发布

阅读量285

点赞数

文章标签： css html javascript

本文链接：https://blog.csdn.net/weixin_44783445/article/details/122598008

版权

当使用 position 来对齐元素时, 通常 <body> 元素会设置 margin 和 padding 。这样可以避免在不同的浏览器中出现可见的差异。

当使用 position 属性时，IE8 以及更早的版本存在一个问题。如果容器元素（在我们的案例中是 <div class="container">）设置了指定的宽度，并且省略了 !DOCTYPE 声明，那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 position 属性时，请始终设置 !DOCTYPE 声明：

参考：CSS 布局 – 水平 & 垂直对齐 | 菜鸟教程 (runoob.com)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

光之旅人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用 position 来对齐元素时需注意的问题

当使用 position 来对齐元素时, 通常 <body> 元素会设置 margin 和 padding 。这样可以避免在不同的浏览器中出现可见的差异。当使用 position 属性时，IE8 以及更早的版本存在一个问题。如果容器元素（在我们的案例中是 <div class="container">）设置了指定的宽度，并且省略了 !DOCTYPE 声明，那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 position 属性时，
复制链接

扫一扫