兩段代碼怎么能并列顯示?
在HTML中讓兩個div并排顯示,通常情況下有三種實現方式,包括:(1)設置為行內樣式,display:inline-block(3)設置position定位屬性為absolute以下為三種方式的具體實現代碼:1、設置每個div的展現屬性為行內樣式,示例代碼為:
div1div2div1div23、設置position定位屬性為absolute, 示例代碼為:div1div2css清除浮動方法(1)添加新的元素 、應用 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; }