![\"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"，這可令瀏覽器呈現出帶有指定寬度和高度的框，并把邊框和內邊距放入框中）；
Internet Explorer、Opera和Chrome瀏覽器支持box-sizing屬性，Firefox還不支持該屬性，但支持-moz-box-sizing屬性替代box-sizing屬性；
box-sizing屬性語法格式
box-sizing: content-box/border-box/inherit;
相關信息：《CSS_CSS3知識》
參數說明
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占據左半部分。</div><div class="box">這個 div占據右半部分。</div>
</div></body></html>運行結果：
Atas ialah kandungan terperinci box-sizing屬性是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Bagaimana untuk mendapatkan sifat literal integer dalam Python tanpa SyntaxError?
Aug 20, 2023 pm 07:13 PM
Togetintlitteralattribute insteadofSyntaxRalat,useaspaceorparenthesis.TheintliteralisapartifNumericLiteralsinPython.NumericLiteralsaljuga termasuk yang berikut-empat jenis angka yang berbeza?int(tandatanganinteger)?Mereka selalunya dipanggil justintegersorints,
Bagaimana untuk menamakan semula sifat JSON menggunakan Gson di Java?
Aug 27, 2023 pm 02:01 PM
Anotasi Gson@SerializedName boleh disirikan kepada JSON dan mempunyai nilai nama yang diberikan sebagai nama medannya. Anotasi ini boleh mengatasi mana-mana FieldNamingPolicy, termasuk dasar penamaan medan lalai yang mungkin telah ditetapkan pada tika Gson. Strategi penamaan yang berbeza boleh ditetapkan menggunakan kelas GsonBuilder. Syntax@Retention(value=RUNTIME)@Target(value={FIELD,METHOD})public@interfaceSerializedNameContoh importcom.google.gson.annotations.*;
Fungsi dir() Python: Lihat sifat dan kaedah objek
Nov 18, 2023 pm 01:45 PM
Fungsi dir() Python: Lihat sifat dan kaedah objek, contoh kod khusus diperlukan. Salah satu fungsi yang sangat berguna ialah fungsi dir(), yang membolehkan kita melihat sifat dan kaedah sesuatu objek. Artikel ini akan memperkenalkan penggunaan fungsi dir() dan menunjukkan fungsi serta penggunaannya melalui contoh kod tertentu. Teks: Fungsi dir() Python ialah fungsi terbina dalam.
Apa yang perlu dilakukan jika sifat cakera Win11 tidak diketahui
Jul 03, 2023 pm 04:17 PM
Apakah yang perlu saya lakukan jika sifat cakera Win11 tidak diketahui? Baru-baru ini, pengguna Win11 mendapati bahawa sistem menyebabkan ralat cakera semasa menggunakan komputer mereka. Dan bagaimana untuk menyelesaikannya? Ramai rakan tidak tahu bagaimana untuk beroperasi secara terperinci Editor telah menyusun langkah-langkah untuk menyelesaikan ralat cakera Win11 di bawah Jika anda berminat, ikuti editor untuk membaca di bawah. Langkah-langkah untuk menyelesaikan ralat cakera Win11 1. Mula-mula, tekan kombinasi kekunci Win+E pada papan kekunci, atau klik Penjelajah Fail pada bar tugas 2. Dalam bar sisi kanan Penjelajah Fail, cari bahagian tepi dan klik kanan setempat; cakera (C :), dalam item menu yang terbuka, pilih Properties 3. Local disk (C:) Properties window, tukar ke Tools
Pengenalan kepada sifat-sifat Benang Keputusasaan Hearthstone
Mar 20, 2024 pm 10:36 PM
Thread of Despair ialah kad yang jarang ditemui dalam karya agung Blizzard Entertainment "Hearthstone" dan berpeluang untuk diperolehi dalam pek kad "Wizbane's Workshop". Boleh menggunakan 100/400 mata habuk misteri untuk mensintesis versi biasa/emas. Pengenalan kepada sifat-sifat Thread of Despair Hearthstone: Ia boleh diperolehi dalam pek kad bengkel Wizbane dengan peluang, atau ia juga boleh disintesis melalui habuk misteri. Jarang: Jenis Jarang: Kelas Ejaan: Death Knight Mana: 1 Kesan: Memberi semua minion Deathrattle: Menawarkan 1 kerosakan kepada semua minion
Apakah peranan atribut pageXOffset dalam JavaScript?
Sep 16, 2023 am 09:17 AM
Jika anda ingin mendapatkan piksel yang mana dokumen itu ditatal dari sudut kiri atas tetingkap, gunakan sifat pageXoffset dan pageYoffset. Gunakan pageXoffset untuk piksel mendatar. Contoh Anda boleh cuba menjalankan kod berikut untuk mengetahui cara menggunakan atribut pageXOffset dalam JavaScript - Demonstrasi Langsung<!DOCTYPEhtml><html>?<head>?<style> &
Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu?
Feb 29, 2024 am 09:03 AM
Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Apabila menggunakan jQuery untuk mengendalikan elemen DOM, anda sering menghadapi situasi di mana anda perlu menentukan sama ada sesuatu elemen mempunyai atribut tertentu. Dalam kes ini, kita boleh melaksanakan fungsi ini dengan mudah dengan bantuan kaedah yang disediakan oleh jQuery. Berikut akan memperkenalkan dua kaedah yang biasa digunakan untuk menentukan sama ada elemen jQuery mempunyai atribut khusus, dan melampirkan contoh kod tertentu. Kaedah 1: Gunakan kaedah attr() dan operator jenis // untuk menentukan sama ada elemen mempunyai atribut tertentu
Kaedah dan contoh menambah atribut secara dinamik menggunakan fungsi Vue.set
Jul 24, 2023 pm 07:22 PM
Kaedah dan contoh menggunakan fungsi Vue.set untuk menambahkan sifat secara dinamik Dalam Vue, jika kita ingin menambah sifat secara dinamik pada objek sedia ada, kita biasanya menggunakan fungsi Vue.set. Fungsi Vue.set ialah kaedah global yang disediakan oleh Vue.js, yang boleh memastikan kemas kini responsif apabila menambah sifat. Artikel ini akan memperkenalkan penggunaan Vue.set dan memberikan contoh khusus. Pertama sekali, dalam Vue, kami biasanya menggunakan pilihan data untuk mengisytiharkan data responsif.
