box
英[b?ks] 美[bɑ:ks]
n.ボックス; 箱のような物體; ボックス; 哨兵室
vt. Put... into a box [box, box]
vt.& vi.Boxing
三人稱単數(shù): ボックス 複數(shù)形: ボックス 現(xiàn)在分詞: ボクシング 過(guò)去形: ボックス過(guò)去分詞: boxed
sizing
英['sa?z??] 美['sa?z??]
n. 選別; ゴム材料; スラグ粉砕; に従って処理
サイズに合わせてcss3 ボックス サイズ設(shè)定プロパティ 構(gòu)文
機(jī)能: 特定の領(lǐng)域に適合した特定のコンテンツを正確な方法で定義できます。
注: Internet Explorer、Chrome、Safari、および Opera は、ボックス サイズ屬性をサポートしています。 Firefox にはプレフィックス -moz- が必要です。
css3 の box-sizing 屬性を使用すると、特定の方法で特定の領(lǐng)域に一致する特定の要素を定義できます。これには 2 つの値があります: content-box (実際の幅は幅の合計(jì)であることを意味します)ボーダーとパディング。ボーダーボックスは、実際の幅が幅の値と等しいことを意味します
css3 ボックス サイズ設(shè)定プロパティ 例
<!DOCTYPE html>
<html>
<head>
<style>
div.container
{
width:30em;
border:1em solid;
}
div.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">這個(gè) div 占據(jù)左半部分。</div>
<div class="box">這個(gè) div 占據(jù)右半部分。</div>
</div>
</body>
</html>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します