国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

詳解CSS中的Box Model盒屬性的使用

2024-07-11 08:55:50
字體:
來源:轉載
供稿:網(wǎng)友

頁面上顯示的每個元素(包括內聯(lián)元素)都可以看作一個盒子,即盒模型( box model )。請看 Chrome DevTools 里的截圖:

可以顯而易見的看出盒模型由 4 部分組成。從內到外分別是:

content -> padding -> border -> margin
按理來說一個元素的寬度(高度以此類推)應該這樣計算:

總寬度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
但是不同瀏覽器(你沒有猜錯,就是那個與眾不同的瀏覽器)對寬度的詮釋不一樣。符合 W3C 標準的瀏覽器認為一個元素的寬度只等于其 content 的寬度,其余都要額外算。于是你規(guī)定一個元素:

CSS Code復制內容到剪貼板
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 多伦县| 景德镇市| 玛沁县| 德州市| 大名县| 和顺县| 盐津县| 松滋市| 河北省| 岑巩县| 芜湖县| 乌拉特后旗| 阳山县| 东兰县| 兴宁市| 广汉市| 内黄县| 汉寿县| 乌拉特中旗| 乌鲁木齐县| 博兴县| 巴中市| 准格尔旗| 凤山县| 武定县| 晋城| 星子县| 璧山县| 安达市| 镇赉县| 芮城县| 繁峙县| 贵阳市| 鄂州市| 淮阳县| 三河市| 金寨县| 老河口市| 峨眉山市| 玛纳斯县| 交城县|