在HTML中讓兩個div並排顯示,通常情況下有三種實現方式,包括:(1)設定為行內樣式,display:inline-block(3)設定position定位屬性為absolute以下為三種方式的具體實現程式碼:1、設定每個div的展現屬性為行內樣式,示例程式碼為:
在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; }