:
样式取值 含义
solid 实线边框
dotted 点线边框
dashed 虚线边框
double 双线边框
单边框设置
分别设置某一方向的边框,取值:width style color;
属性...默认布局方式,按照代码书写顺序及标签类型从上到下,从左到右依次显示
浮动布局
主要用于设置块元素的水平排列
属性
float
取值
可取left或right,设置元素向左浮动或向右浮动
float...: left/right;
特点
元素设置浮动会从原始位置脱流,向左或向右依次停靠在其他元素边缘,在文档中不再占位
元素设置浮动,就具有块元素的特征,可以手动调整宽高
“文字环绕”:浮动元素遮挡正常元素的位置...,无法遮挡正常内容的显示,内容围绕在浮动元素周围显示
常见问题
子元素全部设置浮动,导致父元素高度为0,影响父元素背景色和背景图片展示,影响页面布局
解决
对于内容固定的元素,如果子元素都浮动,可以给父元素固定高度...(例:导航栏)
在父元素的末尾添加空的块元素。