IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定非凡的值。
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
MacIE下假如对float的元素的父元素使用clear属性，四周的float元素布局就会混乱。这是MacIE的闻名的bug，倘若不知道就会走弯路。
使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
<标签名属性1=”属性值1”属性2=”属性值2”……>内容</标签名>标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。任何标签的属性都有默认值，省略该属性则取默认值。
1.E1[attr]2.E1[attr=value]3.E1[attr~=value]4.E1[attr|=value]<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">input{width:80px;height:40px;border:sol...
父元素使用flex布局,并定义两个属性值justify-content，align-items都为center，那么就定义为水平垂直居中justify-content属性定义了项目在主轴上的对齐方式。align-items属性定义项目在交叉轴上如何对齐。<divclass="parent-frame"style="display:flex;justify-content:center;...
该属性设置元素的垂直对齐方式。定义行内元素的基线相对于该元素所在行的基线的垂直对齐。在表单元格中，这个属性会设置单元格框中的单元格的对齐方式。<divclass="parent-frame"style="display:table-cell;vertical-align:middle">仿table:display:table-cell垂直居中vertical-align:middle...
给父元素设置float，然后将父元素整体向右移动50%，再将子元素整体向左移动50%，来实现水平居中。记得将父元素清除浮动。<divclass="parent-frame"><divstyle="float:left;position:relative;left:50%;clear:both;"><divstyle="position:relative;left:...
//className属性设置或返回元素的class属性//clientHeight返回元素的可见高度（样式高+padding）//clientWidth返回元素的可见宽度（样式宽+padding）//clientLeft左侧边框的大小，即(offsetWidth-clientWidth)/2//clientTop上侧边框的大小，即(offsetHeight-clientHeight)/2/...