Html 什么是比CSS位置更好的响应式样式

Html 什么是比CSS位置更好的响应式样式,html,css,Html,Css,我想知道当我的网站的一些样式的顶部,右侧,左侧,底部属性的正确使用是什么 这听起来像是一个太开放的问题,所以我把它缩小到以下范围:假设我在页面底部设置一些文本样式,使用bottom:265px 这将给出期望的结果,但是这是否也被视为干净的代码和此函数的正确使用 还是会有更好的选择呢。我想知道这一点,因为我还必须使我的网站的响应以及 我已经通读了一遍,但它没有我要找的anwser您可以使用顶部、底部、左侧和右侧来放置绝对位置的内容 当然,在某些情况下,绝对定位是最好、最干净的方法。问题是它太容易过

我想知道当我的网站的一些样式的顶部,右侧,左侧,底部属性的正确使用是什么

这听起来像是一个太开放的问题,所以我把它缩小到以下范围:假设我在页面底部设置一些文本样式,使用
bottom:265px

这将给出期望的结果,但是这是否也被视为干净的代码和此函数的正确使用

还是会有更好的选择呢。我想知道这一点,因为我还必须使我的网站的响应以及


我已经通读了一遍,但它没有我要找的anwser

您可以使用顶部、底部、左侧和右侧来放置绝对位置的内容

当然,在某些情况下,绝对定位是最好、最干净的方法。问题是它太容易过度使用,这会导致非常脆弱的布局

表明您过度使用绝对定位的迹象:

  • 每次你在页面上更改某些内容时,你最终不得不 更新大量绝对定位元素
  • 不同的内容(太长的标题、太短的段落等)会导致内容无意中重叠
  • 您的布局仅适用于特定的屏幕大小,并且不符合浏览器窗口的宽度

让浏览器来完成大部分工作,依靠文档流来定位大部分内容,并且只为真正需要在同一位置的元素保留绝对位置,而不管页面上发生了什么,这样做几乎总是更好的。在实践中,大多数情况下,这往往是相对较少(或没有)的元素。

定位是一种非常糟糕的网页布局方法。这是非常不灵活的,有更好的和更迅速的选择谢谢你的快速反应,我会有一个通过你的链接阅读(:所以基本上我不应该使用定位?正如@Paulie_D提到的,这不是你想要的:定位…至于响应部分:继续,在视口中搜索一些。考虑使用%而不是px。尝试使用flexbox或其他类似的工具。可能会了解bootstrap,谁知道它对你有用。开始练习:)您可以使用W3 mobile OK和Google pagespeed insight()了解如何使响应性设计工作良好的技巧。