CSS中的"left"屬性用于設(shè)置元素的水平位置,通過(guò)調(diào)整"left"屬性的值,可以調(diào)整元素在容器中的位置,下面是一些關(guān)于如何使用"left"屬性的示例:
1、設(shè)置元素的左邊界位置:
div { left: 20px; }
這將使div元素的左邊界距離其容器的左邊界20像素。
2、設(shè)置元素的水平位置:
div { left: 50%; }
這將使div元素在水平方向上位于其容器的中心位置。
3、設(shè)置元素的右邊界位置:
div { left: -20px; }
這將使div元素的右邊界距離其容器的左邊界20像素,注意,負(fù)值會(huì)使元素向左移動(dòng)。
4、設(shè)置元素的水平位置(相對(duì)于父元素):
div { position: relative; left: 50px; }
這將使div元素相對(duì)于其***近的定位父元素(即position屬性為relative、absolute或fixed的元素)向右移動(dòng)50像素。
"left"屬性?xún)H適用于定位元素(即position屬性為relative、absolute或fixed的元素),對(duì)于靜態(tài)定位的元素(即position屬性為static的元素),"left"屬性將不起作用。