html - 使用 css 定位 html 元素的最佳实践

标签 html css

<分区>

我对 CSS 不是很了解,但正在使用它。

我通常使用 style 元素使用内联或 css 方法来定位元素。

我不知道这是否是正确的问题,但是 relativeabsolute 哪个方法适合定位元素?

我使用 style="position:relative; left:100px; top:30px" 这样的东西。

它是否是正确的定位方式,以便它在所有浏览器和移动设备中也能显示完全相同?

如果有人可以提供他的经验和指导,这可能会帮助更多的初学者,我将不胜感激!

最佳答案

绝对定位独立于其父元素。

当 parent 有相对位置时,绝对定位的 child 相对于他们的 parent 放置。

例如,

对于绝对定位,

<div><div style="position:absolute; top:0; left:0;">Abc</div></div>

以上内容将使 div 独立在顶部而不会对父级产生任何影响。

对于相对位置,

<div style="position:relative;"><div style="position:absolute; top:0; left:0;">Abc</div></div>

以上内容将使绝对定位的元素成为相对元素并依赖它们的父元素。

关于html - 使用 css 定位 html 元素的最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19975795/

相关文章:

html - 如何在内容相同但样式不同的不同 View 中以 Angular 添加内联 css?

html - Jquery 移动 CSS 类链接

html - 正确的文本与绝对位置对齐

css - 如何将 SVG 中的所有路径移动到同一点

javascript - 减少宽度后我应该如何移动div?

javascript - 如何通过LI的data-title参数对UL列表进行排序?

html - CSS - 计算减去动态图像高度的百分比

javascript - 如何在通过 iframe 查看网页时静音

javascript - 单击它时防止展开 'React-select'

html - 浏览器窗口中的 div 标签中心使用 margin 0px auto