日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
CSSbox-sizing:改變盒子模型
默認(rèn)情況下,網(wǎng)頁(yè)中元素的實(shí)際寬度或高度取決于元素內(nèi)容區(qū)的寬度或高度、內(nèi)邊距以及邊框?qū)傩缘拇笮?,因此我們?cè)跒樵夭季謺r(shí)還需要考慮元素的內(nèi)邊距和邊框?qū)傩运嫉捻?yè)面空間,這一點(diǎn)我們已經(jīng)在《CSS盒子模型》中進(jìn)行了講解。

成都創(chuàng)新互聯(lián)公司專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、秦州網(wǎng)絡(luò)推廣、小程序定制開(kāi)發(fā)、秦州網(wǎng)絡(luò)營(yíng)銷(xiāo)、秦州企業(yè)策劃、秦州品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供秦州建站搭建服務(wù),24小時(shí)服務(wù)熱線:18982081108,官方網(wǎng)址:www.cdcxhl.com

正是由于上述原因,當(dāng)您為頁(yè)面元素設(shè)置寬度和高度時(shí),元素的實(shí)際大小往往比您設(shè)置的要大。為此 CSS3 中添加了 box-sizing 屬性來(lái)改變默認(rèn)的盒子模型,通過(guò) box-sizing 屬性可以將元素的內(nèi)邊距和外邊距在元素內(nèi)容區(qū)內(nèi)繪制,以使元素呈現(xiàn)的寬度和高度與設(shè)置的寬度和高度相同。

box-sizing 屬性的可選值如下:

描述
content-box 默認(rèn)值,元素的實(shí)際寬度或高度等于元素內(nèi)容區(qū)的寬度或高度、內(nèi)邊距和邊框的和
border-box 在元素的內(nèi)容區(qū)內(nèi)繪制內(nèi)邊距或邊框,內(nèi)邊距或邊框不會(huì)影響元素的實(shí)際寬度或高度
inherit 從父元素繼承 box-sizing 屬性的值。

【示例】下面通過(guò)一個(gè)示例來(lái)演示 box-sizing 屬性的使用:




    


    
默認(rèn)情況
box-sizing: content-box;
box-sizing: border-box;

運(yùn)行結(jié)果如下圖所示:



圖:box-sizing 屬性演示

提示:當(dāng)為元素定義 box-sizing: border-box; 屬性時(shí),元素內(nèi)容區(qū)的實(shí)際寬度和高度是 width 和 height 屬性中減去各邊的邊框和內(nèi)邊距的寬度。


本文標(biāo)題:CSSbox-sizing:改變盒子模型
文章URL:http://www.5511xx.com/article/codpsce.html