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则不会