html5绝对定位案例,CSS Absolute绝对定位示例

CSS Absolute绝对定位示例

.box{

position: absolute;

top: 200px;

left: 100px;

color: #fff;

width: 60%;

background: #4cafdf;

padding: 20px;

}

.container{

padding: 50px;

margin: 50px;

position: relative;

border: 5px solid black;

font-family: Arial, sans-serif;

}

.container p{

line-height: 50px;

}

CSS Absolute绝对定位盒子

Note: 此框绝对相对于容器DIV元素定位。随页面一起滚动.

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。