真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

html5中如何實現(xiàn)div布局與table布局-創(chuàng)新互聯(lián)

這篇文章主要介紹了html5中如何實現(xiàn)div布局與table布局,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了邯山免費建站歡迎大家使用!

具體內(nèi)容如下

div布局:html+css實現(xiàn)簡單布局。


#container中height不能寫成百分數(shù),必須為具體高度。

  
  
  
      
    div布局  
      
        body{  
            margin:0;  
            padding:0;  
        }  
        #container{  
            width:100%;  
            height:650px;  
            background-color: aqua;  
        }  
        #heading{  
            width:100%;  
            height:10%;  
            background-color: azure;  
        }  
        #content-menu{  
            width:30%;  
            height:80%;  
            background-color: chartreuse;  
            float:left;  
        }  
        #content-body{  
            width:70%;  
            height:80%;  
            background-color: chocolate;  
            float:left;  
        }  
        #footer{  
            width:100%;  
            height:10%;  
            background-color: darkgrey;  
            clear: both;  
        }  
      
  
  
      
        頭部
           內(nèi)容菜單
           內(nèi)容主體
           底部            

效果圖:

html5中如何實現(xiàn)div布局與table布局

table布局:

  
  
  
      
    table布局  
  
  
      
          
            這是頭部  
          
          
            左菜單  
            內(nèi)容  
            右菜單  
          
          
            這是底部  
          
      
  

效果圖:

html5中如何實現(xiàn)div布局與table布局

感謝你能夠認真閱讀完這篇文章,希望小編分享的“html5中如何實現(xiàn)div布局與table布局”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!


文章題目:html5中如何實現(xiàn)div布局與table布局-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://weahome.cn/article/diojsh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部