如何讓兩個div并排?
在HTML中讓兩個div并排顯示,通常情況下有三種實現(xiàn)方式,包括:(1)設(shè)置為行內(nèi)樣式,display:inline-block(3)設(shè)置position定位屬性為absolute以下為三種方式的具體實現(xiàn)代碼:1、設(shè)置每個div的展現(xiàn)屬性為行內(nèi)樣式,示例代碼為:
div1div2div1div23、設(shè)置position定位屬性為absolute, 示例代碼為:div1div2css清除浮動方法(1)添加新的元素 、應(yīng)用 clear:both.clear {height: 0;height: 0;overflow: hidden;}(2)父級div定義 overflow: autooverflow: auto;zoom: 1; //處理兼容性問題}(3)偽類 :after 方法 outer是父div的樣式.outer { zoom:1; } /*==for IE6/7 Maxthon2==*/.outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden; }