我应该使用哪个位置? "相对?静电等。"

时间:2015-10-21 22:20:46

标签: html css css-position

我还没有在CSS中使用float而不是我使用了位置。我使用相对来定位所有div,但所有div都在其他屏幕分辨率中混乱。我做错了,请澄清,因为我是HTML的新手。提前谢谢。

1 个答案:

答案 0 :(得分:2)

你不应该真正使用position属性,除非你需要特定的东西。块和内联元素在位置上完成大部分工作。据说我们在很多情况下仍然需要position:属性。最常用的职位是相对和绝对的,我可以帮助你理解这些。

位置:绝对;允许您指定特定的位置示例:

div {
 position: absolute;
 top: 50px;
 left: 50px; 
}

前面的代码所做的是将所选的div元素放置在距离顶部边框50像素,距离左边界50像素的位置。棘手的部分是你需要指定你的边界将是什么。

为此,我们使用position: relative;。例如:

.parent {
  position: relative;
}

.child{
  position: absolute;
  top: 50px;
  left: 50px;
 }

前面的代码所做的是将父元素设置为对其子元素的引用。因此,position: absolute;子项将位于距其.parent左上角和左边界50像素的位置。希望这会有所帮助。

这是关于定位的w3schools文章: W3 Positioning