什么是比CSS Position更好的响应式样式

Question

我想知道在什么时候为我的网站设置样式，正确使用顶部，右侧，左侧，底部属性是什么。

这听起来像是一个太开放的问题，所以我将其缩小到这个：让我们说如果我在页面底部设置一些我想要的文字，那么正确< / em>使用类似bottom: 265px;的内容？

这会产生预期的结果，但是这也被认为是干净的代码和正确使用这个功能吗？

或者会有更好的选择吗？我想知道这一点，因为我也必须让我的网站也做出回应。

我已经阅读了W3schools - CSS Positioning和Stackoverflow Question - CSS Positioning，但它没有我想要的anwser

Answer 1

使用顶部，底部，左侧和右侧放置绝对定位的内容。

绝对定位是最好和最干净的方法。问题是过度使用太容易了，这可能会导致布局非常脆弱。

表示您过度使用绝对定位：

• 每次更改页面中的某些内容时，您最终都必须这样做 更新了很多绝对定位的元素
• 不同的内容（太长的标题，或太短的段落等）导致事情无意中重叠
• 您的布局仅适用于特定的屏幕尺寸，并且不会流动以匹配浏览器窗口宽度

最好先让浏览器完成大部分工作，依靠文档流来定位大部分内容，并保留绝对定位，只保留真正需要位于完全相同位置的元素无论页面上还有什么。在实践中，大多数情况下，这往往是相对较少（或没有）的元素。