![\"1563759010(1).png\"](\"https:\/\/img.php.cn\/upload\/image\/455\/871\/115\/1563759041169720.png\" "\\"1563759041169720.png\\"")
<\/p>"}
box-sizing屬性定義及用法
box-sizing屬性是css3中新增的屬性，允許你以某種方式定義某些元素，以適應指定區(qū)域（假如您需要并排放置兩個帶邊框的框，可通過將 box-sizing屬性設置為"border-box"，這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內邊距放入框中）；
Internet Explorer、Opera和Chrome瀏覽器支持box-sizing屬性，F(xiàn)irefox還不支持該屬性，但支持-moz-box-sizing屬性替代box-sizing屬性；
box-sizing屬性語法格式
box-sizing: content-box/border-box/inherit;
相關信息：《CSS_CSS3知識》
參數(shù)說明
content-box：這是由CSS2.1規(guī)定的寬度高度行為，寬度和高度分別應用到元素的內容框，在寬度和高度之外繪制元素的內邊距和邊框；
border-box：為元素設定的寬度和高度決定了元素的邊框盒，就是說，為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度;
inherit：規(guī)定應從父元素繼承box-sizing屬性的值;
實例：
<!DOCTYPE html><html><head><meta charset="utf-8" />
<title>css3 box-sizing屬性筆記</title><style type="text/css">
body{background-color: #aaa;}div.container{width:30em;border:1em solid;}
.box{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;border:1em solid red;float:left;}
</style></head><body><div class="container">
<div class="box">這個 div占據(jù)左半部分。</div><div class="box">這個 div占據(jù)右半部分。</div>
</div></body></html>運行結果：
以上是box-sizing屬性是什么的詳細內容。更多信息請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
如何在Python中獲取整數(shù)字面量屬性而不是SyntaxError？
Aug 20, 2023 pm 07:13 PM
要獲得intliteral屬性而不是語法錯誤，請使用空格或括號。intliteral是Python中NumericLiterals的一部分。NumericLiterals還包括以下四種不同的數(shù)字類型 - int（有符號整數(shù)） - 它們通常被稱為整數(shù)或整數(shù)，是正數(shù)
如何在Java中使用Gson重命名JSON的屬性？
Aug 27, 2023 pm 02:01 PM
Gson@SerializedName注釋可以序列化為JSON，并將提供的名稱值作為其字段名稱。此注釋可以覆蓋任何FieldNamingPolicy，包括可能已在Gson實例上設置的默認字段命名策略。可以使用GsonBuilder類設置不同的命名策略。語法@Retention(value=RUNTIME)@Target(value={FIELD,METHOD})public@interfaceSerializedName示例importcom.google.gson.annotations.*;
Python的dir()函數(shù)：查看對象的屬性和方法
Nov 18, 2023 pm 01:45 PM
Python的dir()函數(shù)：查看對象的屬性和方法，需要具體代碼示例摘要：Python是一種強大而靈活的編程語言，其內置函數(shù)和工具為開發(fā)人員提供了許多方便的功能。其中一個非常有用的函數(shù)是dir()函數(shù)，它允許我們查看一個對象的屬性和方法。本文將介紹dir()函數(shù)的用法，并通過具體的代碼示例來演示其功能和用途。正文：Python的dir()函數(shù)是一個內置函數(shù)，
Win11磁盤屬性未知怎么辦
Jul 03, 2023 pm 04:17 PM
Win11磁盤屬性未知怎么辦？近期Win11用戶在電腦的使用中，發(fā)現(xiàn)系統(tǒng)出現(xiàn)提示磁盤錯誤的情況，這是怎么回事兒呢？而且應該如何解決呢？很多小伙伴不知道怎么詳細操作，小編下面整理了Win11磁盤出錯的解決步驟，如果你感興趣的話，跟著小編一起往下看看吧！ Win11磁盤出錯的解決步驟 1、首先，按鍵盤上的Win+E組合鍵，或點擊任務欄上的文件資源管理器； 2、文件資源管理器的右側邊欄，找到邊右鍵點擊本地磁盤（C：），在打開的菜單項中，選擇屬性； 3、本地磁盤（C：）屬性窗口，切換到工具選
爐石傳說絕望線縷屬性介紹
Mar 20, 2024 pm 10:36 PM
絕望線縷是暴雪娛樂旗下佳作《爐石傳說》中的一張稀有卡牌，在“威茲班的工坊”卡包中有機會獲得?？上?00/400點奧術之塵合成普通/金色版本。爐石傳說絕望線縷屬性介紹答：在威茲班的工坊卡包中有幾率獲得，也也可以通過奧術之塵合成。稀有度：稀有類型：法術職業(yè)：死亡騎士法力值：1效果：使所有隨從獲得亡語：對所有隨從造成1點傷害
pageXOffset屬性在JavaScript中的作用是什么？
Sep 16, 2023 am 09:17 AM
如果您想獲取文檔從窗口左上角滾動到的像素，請使用pageXoffset和pageYoffset屬性。對水平像素使用pageXoffset。示例您可以嘗試運行以下代碼來了解如何在JavaScript中使用pageXOffset屬性-現(xiàn)場演示<!DOCTYPEhtml><html>??<head>???<style>??&
使用Vue.set函數(shù)實現(xiàn)動態(tài)添加屬性的方法和示例
Jul 24, 2023 pm 07:22 PM
使用Vue.set函數(shù)實現(xiàn)動態(tài)添加屬性的方法和示例在Vue中，如果我們想要動態(tài)地添加一個屬性到一個已經存在的對象上，通常會使用Vue.set函數(shù)來實現(xiàn)。Vue.set函數(shù)是Vue.js提供的一個全局方法，它能夠在添加屬性時保證響應式更新。本文將介紹Vue.set的使用方法，并提供一個具體的示例。首先，在Vue中，我們通常會使用data選項來聲明響應式的數(shù)據(jù)。
如何判斷jQuery元素是否具有特定屬性？
Feb 29, 2024 am 09:03 AM
如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，經常會遇到需要判斷元素是否具有某個特定屬性的情況。這種情況下，我們可以借助jQuery提供的方法來輕松實現(xiàn)這一功能。下面將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，并附上具體的代碼示例。方法一：使用attr()方法和typeof操作符//判斷元素是否具有特定屬
