如何讓兩個div并排顯示?
1、新建一個html文件,命名為test.html,用于講解使用CSS如何讓兩個div并排顯示。
2、在test.html文件內,使用div標簽一個模塊,在div內,再使用div標簽創建兩個內部模塊,下面將讓兩個內部div并排顯示。
3、在test.html文件內,分別給每一個div設置class屬性,分別為wdiv,fldiv,frdiv。
4、在css標簽內,設置class為wdiv的div樣式,定義其寬度為500px,高度為400px,背景顏色為灰色。
5、在css標簽內,再分別設置class為fldiv和frdiv的樣式,定義它們的寬度為240px,高度為350px,同時,使用float屬性分別設置一個div浮動向左,另一個浮動向右,從而實現并排顯示。
6、在瀏覽器打開test.html文件,查看實現的效果。
下一篇aoeiu筆順筆畫表