css不能用绝对定位设置

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在 CSS 中我们可以使用绝对定位来精确地定位元素,这是非常有用的。但是,有一些情况下,我们不能使用绝对定位来设置元素的位置。不能使用绝对定位的情况有: 1. 父元素没有定位 2. 使用绝对定位的元素

在 CSS 中我们可以使用绝对定位来精确地定位元素,这是非常有用的。但是,有一些情况下,我们不能使用绝对定位来设置元素的位置。

不能使用绝对定位的情况有:
 
1. 父元素没有定位
2. 使用绝对定位的元素需要跨越父元素的边界(overflow:hidden除外)
3. 元素是table或inline-block
4. 元素的宽度和高度需要根据其内容自动调整
5. 在网页响应式设计中,使用绝对定位会破坏页面布局的动态调整 

对于这些情况,我们应该使用其他的 CSS 属性。例如,父元素没有定位时我们可以使用相对定位来设置子元素的位置;如果我们需要跨越父元素的边界,我们可以使用margin来调整元素的位置。在响应式设计中,我们应该使用流式布局、弹性布局等 CSS 技术,而不是使用绝对定位来布局元素。

总之,虽然绝对定位在 CSS 中是一种非常有用的技术,但是在一些情况下,我们不应该使用它。取而代之,我们应该使用其他的技术来布局和定位元素。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css不能用绝对定位设置

粉丝

0

关注

0

收藏

0

已有0次打赏