css(四)-- 盒子模型和定位
盒子模型: 盒子模型就是把一个html边框比作成了一个盒子的边框,盒子模型要做用于操作数据与边框之间的距离或者 是边框与边框之间的距离。
盒子模型主要是用于操作内边距(padding)与外边距(margin)
盒子模型的示意图如下:
css的定位:使用方式:
相对定位: 相对定位是相对于元素原本的位置进行移动的。
position:relative;
绝对定位: 绝对定位是相对于整个页面而言。
position:absolute;
top:200px;
left:380px;
固定定位:
position:fixed; /* 固定定位: 固定定位是相对于整个浏览器而已的。
top:380px;
left:1000px;
代码示例
1 .two{ 2 background-color:#0F0; 3 position:relative; /* 相对定位,对于当前位置 */ 4 top:10px; 5 left:10px; 6 7 }