HTML5和CSS3:元素的位置我们每天从任何设施访问的大多数网站都有图片、文本和其他内容。从现在开始，我们将把它们分别称为元素。 无论你加宽还是缩小屏幕，所有这些元素都将被放置在特定的位置。 这不是很神奇吗？但是，你要知道，在创造的过程中，事情并不是你可能想的那样。 定位所有这些元素是一项非常困难的任务，尤其是在今天，由于屏幕分辨率的差异，我们程序员必须考虑响应能力。 为了使界面显示在每个不同的设施中几乎相同，这意味着不同的屏幕分辨率，您需要为每个设施不同地调整这些指标。 HTML5和CSS3:元素的位置我们每天从任何设施访问的大多数网站都有图片、文本和其他内容。从现在开始，我们将把它们分别称为元素。 无论你加宽还是缩小屏幕，所有这些元素都将被放置在特定的位置。 这不是很神奇吗？但是，你要知道，在创造的过程中，事情并不是你可能想的那样。 定位所有这些元素是一项非常困难的任务，尤其是在今天，由于屏幕分辨率的差异，我们程序员必须考虑响应能力。 为了使界面显示在每个不同的设施中几乎相同，这意味着不同的屏幕分辨率，您需要为每个设施不同地调整这些指标。 CSS文件包含所有这些细节。 首先，我们需要指定位置属性。 该属性的选项有5个静态、固定、相对和绝对粘性。您可能认为这些选项中的每一个都将使元素以自己独特的方式运行。 静态这是直接从Web浏览器设置的默认值。 使用我们为自己保留的这个选项，顶部、底部、左侧和右侧属性将不会影响元素。 这意味着我们不允许将元素移动到页面正常流程之外。 这个固定值使我们能够选择一个元素并将其放置在某个位置，不管我们是否可以滚动页面。 这个相对元素现在将被定位在视口中，而不是页面的任何其他元素。 该元素将保留在这里，并且该页面的位置不会发生变化。 你可能已经明白我们要用上、下、右、左属性，所以可以给它一个正的位置。 相对当我们设定位置时:相对；对于一个元素，我们可以相对于首先由其常规位置定义的常规位置来定位它。 通过为position选择这个选项，我们现在可以将top、bottom、right、left属性设置为我们想要将元素从其正常位置移动的任何度量。 通过将该属性绝对设置为element，我们可以将所选元素定位到最近的祖先(而不是上面的fixed选项所发生的情况) 因为继承在HTML(超文本标记语言)中非常重要，所以您应该始终记住，如果一个元素没有定位的祖先，它将自动使用body元素(主页元素)并沿着页面滚动。 需要记住的一个小技巧是，每当我们提到定位元素时，我们指的是除了默认值之外还有属性的任何元素。 这个粘性属性使我们的元素在相对位置和与滚动位置相关的固定位置之间切换。 首先，它的行为就像一个相对定位的元素，直到它到达页面的视口。 之后会一直保持在那个特定点，直到结束。 如果你有任何关于学习前台、学习方法、学习路线、如何高效学习的问题，欢迎随时咨询我，或者你缺乏系统的学习资料，我在这一行做了很久，我觉得我挺有经验的，可以帮你提出建设性的建议。603985993这是我的web前台3000人穿的衣服。如果你有任何问题，请随时咨询我。 综上所述，我唯一的建议就是我们应该使用哪个属性，什么时候使用。很抱歉让您失望了，但是没有默认属性总是与一个元素相关。 您应该更好地理解每个工具的行为，以便在需要时使用它们。 唯一的方法就是不断练习这个属性，并在必要的时候尝试使用它们。