& lt; ! doctype html>
& lt; html>
& lt; head>
& lt; title> Div + Css布局(Div +跨度以及盒模型)& lt;/title>
& lt; meta charset=" utf - 8 "比;
& lt; style type=" text/css "比;
身体+
保证金:0;
填充:0;
background - color: rgba (0.3 0 0255);
}
div {
宽度:500 px;
身高:500 px;
背景颜色:rgba (250128, 0.8);
保证金:0,汽车,,,,/*,使div居中*/边界:solid 黑色;
}
div.div1 {
浮:左,,,,/*,向左排列/*
background - color: rgba (255, 0, 0, 0.4);
边界:solid 蓝色;
身高:244 px;
宽度:244 px;
保证金:0;
填充:0;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div>
& lt; div 类=" div1 "祝辞& lt;/div>
& lt; div 类=" div1 "祝辞& lt;/div>
& lt;/div>
& lt;/body>
& lt;/html>
<强>
<强>
<强> (3)z - index层覆盖先后顺序(优先级)
,,,,,
<强> <强>
<强> <强>
<强> <强>
<强> <强>
<强> <强>
<强> <强>
<强>
& lt; ! doctype html>
& lt; html>
& lt; head>
& lt; title> Div + Css布局(布局相关的属性)& lt;/title>
& lt; meta charset=" utf - 8 "比;
& lt; style type=" text/css "比;
身体+
填充:0;
保证金:0;
}
div.diva {
位置:相对;,,,/*,一定要添加,如没添加其子元素则不生效*/保证金:50 px;
宽度:500 px;
身高:500 px;
background - color: rgba (255, 0, 0, 0.4);
}
.spanb {
位置:绝对的;
背景颜色:蓝色;
颜色:黑色;
前:-10像素;
右:0;
}
.fixed {
填充:20 px;
背景:绿色;
位置:固定;
左:0;
上图:40像素;
z - index: 1,,,,/*, z - index的价值值可为1,0,1,2,当为1时,该图层为最底层,*/}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div 类=肮潭ā痹?
& lt; p>联系人:翁孟铠& lt;/p>
& lt; p>联系电话:XXXxxxx
