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   閱讀:2234    發布者:2234

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的實際大小:

        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內容占大小:

        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內容占大小:

        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 盒子模型。

 

 

主站蜘蛛池模板: 国产精品全新69影院在线看 | 国产成人亚洲精品无码mp4 | 日本做床爱激情爽全视频 | 狠狠久久 | 亚洲精品国产精品乱码在线观看 | 99av成人精品国语自产拍 | 久久综合色婷婷 | 伊人黄色软件 | 高级会所人妻互换94部分 | 无码制服丝袜人妻在线视频精品 | 日韩av免费在线播放 | 国产大学生援交视频在线观看 | 中文字幕岛国 | 一级特黄曰皮片视频 | 图片区小说区视频区 | 99re6在线精品视频免费播放 | 亚洲第一无码精品一区 | 高清中文字幕 | 午夜怡春院 | 最新福利视频 | 久久中文骚妇内射 | 天堂中文а√在线官网 | 亚洲一级免费视频 | 国产亚洲精品久久久久久入口 | 欧美久草视频 | 自拍区小说区图片区亚洲 | 久久久精品久久日韩一区综合 | 亚洲人成无码网www电影麻豆 | 欧美日韩一区视频 | 中文字幕色婷婷在线视频 | 国产91九色在线播放 | 日本成本人片免费网站 | 亚洲一级黄色大片 | 久久伊人婷婷 | 体内射精日本视频免费看 | 最新中文字幕 | 欧美高清一区二区 | 亚洲高清aⅴ日本欧美视频 爱搞国产 | 中文字幕天使萌在线va | 亚洲狠狠成人网 | 亚洲色图偷拍视频 | 性xxxx欧美老妇胖老太性多毛 | 无码成人片在线播放 | 天堂在线中文 | 精品国产乱码久久久久久婷婷 | 国产一区二区三区在线电影 | 91中文字幕在线观看 | 91精品无人区麻豆乱码1区2区介绍 | 樱花草视频www日本韩国 | 377p人体粉嫩胞国产 | 国产成人精品无码播放 | 亚洲久热 | av在线伊人 | 黄色在线观看免费视频 | 亚洲影院天堂中文av色 | 欧美网站在线看 | 午夜在线影院 | 久久久网站 | 少妇被又大又粗又爽毛片久久黑人 | 久久97精品久久久久久久不卡 | 超碰人人透人人爽人人看 | 国产普通话对白 | 吃奶呻吟打开双腿做受视频 | 少女高清影视在线观看动漫 | 精美欧美一区二区三区 | 五月婷婷开心综合 | 丰满人妻被中出中文字幕 | 寂寞少妇做spa按摩无码 | 亚洲色图美腿丝袜 | 噜噜吧噜吧噜吧噜噜网a | 亚洲综合精品香蕉久久网 | 韩国日本美国免费毛片 | 日韩在线观看你懂的 | 久久久久久久久久久久久久国产 | 亚洲红杏成在人线免费视频 | xxxx野外性xxxx黑人 | 最新综合精品亚洲网址 | 揉少妇的双乳从后挺进视频 | 免费 黄 色 人成 视频 在 线 | 欧美日韩一级久久久久久免费看 | 九九热爱视频精品视频16 | 91精品久久久久久久久 | 国产精品99蜜臀久久不卡二区 | 国产97公开成人免费视频在线观看 | 国产成人日韩 | 动漫无遮挡羞视频在线观看 | 日韩国产成人精品视频 | 天天干天天弄 | 伊人综合影院 | 国产精品男女啪啪 | 在线网站你懂的 | 精品国产三级 | 午夜影院免费视频 | 狠狠色综合7777久夜色撩人 | www.伊人网| 东京热久久综合久久88 | 国产女人爽的流水毛片 | 国产精品ⅴ无码大片在线看 | 免费网站看v片在线18禁无码 |