程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> html-新手求教一個div+css的布局問題

html-新手求教一個div+css的布局問題

編輯:編程綜合問答
新手求教一個div+css的布局問題

請問用div+css如何實現圖片上的布局,並且能夠自動適應設備分辨率,求一個源代碼參考,謝謝圖片

最佳回答:


<!-- 下面只是一個簡單的示例,為了翻遍顯示,我直接在標簽上用了style屬性,更好的寫法就是單獨寫一個css文件來指定每個標簽的屬性 -->
 <html>
<head></head>
<body>
    <div class="container" style="height:100%;width:100%;">
        <div class="leftSide" style="float:left;height:100%;width:50%;background-color:yellow;">
            <p>1</p>
            <img src=""/>
        </div>
        <div class="rightSide" style="float:left;height:100%;width:50%;">
            <div class="rightSide_1" style="float:left;height:50%;width:100%;background-color:red;">
                <p>2</p>
                <img src=""/>
            </div>
            <div class="rightSide_2" style="float:left;height:50%;width:100%;background-color:green;">
                <p>3</p>
                <img src=""/>
            </div>
        </div>
    </div>
</body>
</html>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved