display与position float

总计几点自己平常容易忘记的知识点：

常用块级元素：button div p dd dt dl h1-h6 hr li ol table tbody td th tr ul

常用行内元素：a b em i img input label span textarea

注意点：块级元素对应display:block,行内元素对应display:inline,行内元素不能设置width属性与margin-top/margin-bottom，margin-left/margin-right则可以

而display:inline-block既可以设置width，也不会独占一行，遗憾的是ie6和ie7不支持display:inline-block,故要使用css hack，不过也只是针对行内元素设置属性display:inline-block用来触发ie的专用属性has-layout则行，不过在竖直居中还有些问题，还得css hack:*vertical-align:middle

此外，position:absolute和float都会默认修改display为inline-block，而position:relative则不会