97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

標準W3C盒子模型和IE盒子模型

2016/11/12 8:48:14   閱讀:2312    發布者:2312

CSS盒子模型:網頁設計中CSS技術所使用的一種思維模型。

CSS盒子模型組成:外邊距(margin)、邊框(border)、內邊距(padding)、內容(content)。

CSS盒子模型分為:標準W3C盒子模型,IE盒子模型,注意在兩種模型中寬
(width)和高(height)包括屬性的不同。

標準W3C盒子模型:

W3C模型中:

      CSS中的寬(width)=內容(content)的寬

      CSS中的高(height)=內容(content)的高

eg:

    <div style="width:50px;height:50px;padding:2px;border:1px solid blue;margin:3px;">

      W3C模型

    </div>

則此div的實際大?。?/SPAN>

        div高=height+(padding+border+margin)*2=50+(2+1+3)*2=62px;

        div寬=width+(padding+border+margin)*2=50+(2+1+3)*2=62px;

     div內容占大?。?/SPAN>

        div高=height=50px;

        div寬=width=50px;

 

 

 IE盒子模型:

IE模型中:

      CSS中的寬(width)=內容(content)的寬+(border+padding)*2

      CSS中的高(height)=內容(content)的高+(border+padding)*2

eg:

    <div style="width:50px;height:50px;padding:2px;border:1px solid blue;margin:3px;">

      W3C模型

    </div>

則此div的實際大小:

        div高=height+margin*2=50+3*2=56px;

        div寬=width+margin*2=50+3*2=62px;

     div內容占大?。?/SPAN>

        div高=height-(border+padding)*2=50-(1+2)*2=44px;

        div寬=width-(border+padding)*2=50-(1+2)*2=44px;

解決辦法:

在代碼頂部加如下的 doctype 聲明,

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

使頁面以W3C盒子模型渲染。

eg:

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<title>標準w3c盒子模型</title>
</head>
<body>
</body>
</html>

為了讓網頁能兼容各個瀏覽器,讓我們用標準 w3c 盒子模型。

 

 

主站蜘蛛池模板: 中日韩无砖码一线二线 | 精品999视频 | www.91香蕉视频 | 国产精品久久久久无码av | 成人午夜视频一区二区无码 | 人妻精品丝袜一区二区无码av | 无码精品国产一区二区免费 | 欧美性猛交xxxx久久久 | 黄色在线观看免费 | 99热精国产这里只有精品 | 欧美视频精品免费覌看 | 久热热热 | 亚洲视频欧洲视频 | av天堂精品久久久久2 | 天天综合一区 | 波多野av一区二区无码 | 我色综合| 亚洲美女在线视频 | 天天资源 | 国产好大好硬好爽免费不卡 | 国产一区午夜 | 99九九99九九视频精品 | 午夜天堂一区人妻 | 欧美精品一区二区三区免费视频 | 久草中文在线视频 | 日韩毛片在线免费观看 | 干综合网 | 激情喂奶xxxxhd | 国产精品国产三级国产有见不卡 | 三男一女吃奶添下面视频 | 欧美疯狂做受xxxxx高潮 | 丁香六月综合激情 | 六月天色婷婷 | 欧美乱大交xxxxx潮喷l头像 | 免费国产视频 | 国产九九热 | 国产v亚洲v欧美v专区 | 国产精品偷乱一区二区三区 | 日本一区二区三区免费软件 | 欧美性吧 | 美女视频黄a视频全免费网站一区 | 炕上如狼似虎的呻吟声 | 国产成人综合色视频精品 | 亚洲综合久久一本久道 | 国产久色在线拍揄自揄拍 | 国产精品无码免费专区午夜 | 久久伊人精品影院一本到综合 | 好男人资源在线社区 | 97香蕉超级碰碰碰久久兔费 | www.激情五月 | 欧美激情在线免费观看 | 久久香蕉国产线看观看怡红院妓院 | 欧洲极品女同videoso | 99久久精品免费看国产小宝寻花 | 亚洲 变态 欧美 另类 捆绑 | 五月天天丁香婷婷在线中 | 深夜福利视频在线观看 | 男人午夜影院 | 婷婷成人亚洲综合国产xv88 | 天天干,夜夜爽 | 国精产品一线二线三线av | 一级全黄少妇免费录像片 | 久久久一本精品久久精品六六 | 国产永久免费观看 | 亚洲精品中文幕一区二区 | 91免费版成人 | 高中女学生毛片 | 免费无码又爽又刺激高潮的视频 | 国产成人精品综合久久久 | 午夜影院一级片 | 日本免费黄色小视频 | 北条麻妃99精品青青久久主播 | 免费毛片一级 | 国产精品成人va在线播放 | 精品精品国产欧美在线 | 亚洲卡一卡2卡3卡4精品 | 97国产超碰一区二区三区 | 人妻少妇无码专视频在线 | 亚洲第二页 | 欧美二区视频 | 插b内射18免费视频 91黄视频在线观看 亚洲男人av天堂男人社区 | 亚洲第一女人av | 成人碰碰| 亚洲美女又黄又爽在线观看 | 国产精品videossex国产高清 | 东京热tokyo综合久久精品 | 亚洲自拍av在线 | 青青草狠狠爱 | 精品一区二区在线观看视频 | 天天射天天爽 | 香蕉手机网 | 国产精品自产拍在线观看花钱看 | 伊人精品成人久久综合 | 色五月丁香五月综合五月 | 国语对白刺激在线视频国产网红 | 三级第一页 | 九九久久国产精品 | 伊人av超碰伊人久久久 | 牛牛视频精品一区二区不卡 |