.position { position: relative; top: 10px; left: 20px; bottom: 10px; right: 20px; }
position属性用于指定元素的定位方式,常用取值为relative、absolute和fixed。top、left、bottom、right属性用于指定元素相对于其定位参考点(一般是父元素)的距离。
.display { display: inline-block; width: 100px; height: 100px; margin: 10px; }
display属性用于指定元素的显示方式,常用取值有block、inline、inline-block、flex等。其中,inline-block可以使元素具备block元素的盒模型特性,但是可以像inline元素一样在一行内显示。width和height属性用于指定元素的宽度和高度。margin属性用于控制元素的外边距。
.float { float: left; clear: both; }
float属性用于指定元素的浮动方式,常用取值有left和right。float的元素会找到其浮动参考点(一般是父元素)的左侧或右侧进行浮动。clear属性用于指定元素的清除方式,常用取值有both、left、right和none。如果一个元素的clear属性为left,则其下方的元素将不会允许浮动在这个元素的左边。
以上是一些比较常见的CSS定位属性,熟练掌握它们对于Web开发者来说十分重要。