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

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯網營銷解決方案
CSSbox-sizing:改變盒子模型
默認情況下,網頁中元素的實際寬度或高度取決于元素內容區(qū)的寬度或高度、內邊距以及邊框屬性的大小,因此我們在為元素布局時還需要考慮元素的內邊距和邊框屬性所占的頁面空間,這一點我們已經在《CSS盒子模型》中進行了講解。

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

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

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

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

【示例】下面通過一個示例來演示 box-sizing 屬性的使用:




    


    
默認情況
box-sizing: content-box;
box-sizing: border-box;

運行結果如下圖所示:



圖:box-sizing 屬性演示

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


當前名稱:CSSbox-sizing:改變盒子模型
標題網址:http://www.5511xx.com/article/codpsce.html