css左右上下的英文

CSS中的定位属性可以让我们控制元素在页面中的位置。在定位时，我们需要指定元素距离页面的左、右、上或下的距离。下面是一些CSS中常用的定位属性和对应的英文。

.left {
    position: absolute;
    left: 0;
}

.right {
    position: absolute;
    right: 0;
}

.top {
    position: absolute;
    top: 0;
}

.bottom {
    position: absolute;
    bottom: 0;
}
    

以上的CSS代码展示了如何使用定位属性来控制元素的位置。假设我们有一个名为“Box”的元素，我们可以将其定位到页面的左边缘，使用下面的CSS：

.Box {
    position: absolute;
    left: 0;
}
    

将元素定位到页面的右边缘，我们可以使用“right”属性：

.Box {
    position: absolute;
    right: 0;
}
    

同样的，将元素定位到页面的顶部，我们可以使用“top”属性：

.Box {
    position: absolute;
    top: 0;
}
    

将元素定位到页面的底部，我们可以使用“bottom”属性：

.Box {
    position: absolute;
    bottom: 0;
}
    

在实际使用中，我们可以根据项目需求选择不同的定位属性来控制元素位置。需要注意的是，在使用定位属性时，我们可能需要为元素设置父级元素，否则元素的定位将以整个页面为参照。在父级元素中，我们可以使用“position”属性来为元素创建相对位置。

.parent {
    position: relative;
}

.child {
    position: absolute;
    left: 0;
    top: 0;
}
    

在以上的代码中，子元素“child”将以父级元素“parent”为参照，根据“left”和“top”的值定位到父级元素的左上角。需要注意的是，如果父级元素没有设置“position: relative”，子元素将以整个页面为参照进行定位。