[分享]css3改变位置

CSS3改变位置是一项非常有用的技能，它可以使网页元素呈现出更棒的效果。下面就让我们来看看CSS3如何改变位置。/ 绝对定位 / : absolute; top: 50px; left: 100px;...

CSS3改变位置是一项非常有用的技能，它可以使网页元素呈现出更棒的效果。下面就让我们来看看CSS3如何改变位置。

/* 绝对定位 */
position: absolute;
top: 50px;
left: 100px;

/* 相对定位 */
position: relative;
top: 20px;
left: -10px;

/* 固定定位 */
position: fixed;
top: 0;
left: 0;

/* 浮动定位 */
float: left; 

以上是CSS3常用的改变位置的属性，我们可以通过这些属性来使元素达到我们想要的位置。

绝对定位是通过`position`属性设置为absolute来实现的，然后再设置top、bottom、left、right等属性来确定元素的位置。相对定位也是通过`position`属性，不同的是，它是相对于本身的位置来进行移动的，不会影响其他元素的位置。固定定位是用来实现网页元素固定在页面上的效果，跟浮动定位类似，不过是相对于浏览器窗口固定显示而已。

浮动定位是将元素移动到文档流的左侧或右侧，可以使用`float`属性来实现，它可以让元素跟其它元素并排显示。

总之，CSS3改变位置的技能是很有用的，需要了解这些属性的用法，才能更好地实现自己所想要的网页效果。