CSS控制页面元素的定位方式主要包括绝对定位和固定定位。可以通过CSS属性来实现。
绝对定位是相对于父元素进行定位的,使用position:absolute;
来实现,同时需要指定距离父元素上、下、左、右的距离(使用top
、bottom
、left
、right
属性),如果未指定父元素,则相对于文档进行定位。
position: absolute;
top: 10px;
left: 20px;
固定定位是相对于视窗进行定位的,使用position:fixed;
来实现,同时需要指定距离视窗上、下、左、右的距离(使用top
、bottom
、left
、right
属性)。
position: fixed;
top: 10px;
left: 20px;
通过控制定位方式,可以实现不同的页面元素布局效果。