<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box1{
width: 200px;
height: 200px;
background-color: #bfa;
/*設(shè)置邊框*/
border: 10px red solid;
/*
* 內(nèi)邊距（padding），指的是盒子的內(nèi)容區(qū)與盒子邊框之間的距離
* 一共有四個(gè)方向的內(nèi)邊距删壮，可以通過：
* padding-top
* padding-right
* padding-bottom
* padding-left
* 來設(shè)置四個(gè)方向的內(nèi)邊距
*
* 內(nèi)邊距會(huì)影響盒子的可見框的大小灼卢，元素的背景會(huì)延伸到內(nèi)邊距,
* 盒子的大小由內(nèi)容區(qū)、內(nèi)邊距和邊框共同決定
* 盒子可見框的寬度 = border-left-width + padding-left + width + padding-right + border-right-width
* 可見寬的高度 = border-top-width + padding-top + height + padding-bottom + border-bottom-width
*/
/*設(shè)置上內(nèi)邊距*/
/*padding-top: 100px;*/
/*設(shè)置右內(nèi)邊距*/
/*padding-right: 100px;
padding-bottom: 100px;
padding-left: 100px;*/
/*
* 使用padding可以同時(shí)設(shè)置四個(gè)邊框的樣式赃泡，規(guī)則和border-width一致
*/
/*padding: 100px;*/
/*padding: 100px 200px;*/
/*padding: 100px 200px 300px;*/
padding: 100px 200px 300px 400px;
}
/*
* 創(chuàng)建一個(gè)子元素box1占滿box2
*/
.box2{
width: 100%;
height: 100%;
background-color: yellow;
}
</style>
</head>
<body>
<div class="box1">
<div class="box2"></div>
</div>
</body>
</html>
內(nèi)邊距
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門辰企，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人况鸣，你說我怎么就攤上這事牢贸。” “怎么了懒闷？”我有些...
- 文/不壞的土叔 我叫張陵十减，是天一觀的道長。 經(jīng)常有香客問我愤估，道長帮辟，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任玩焰，我火速辦了婚禮由驹，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘昔园。我一直安慰自己蔓榄，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布默刚。 她就那樣靜靜地躺著甥郑，像睡著了一般。 火紅的嫁衣襯著肌膚如雪荤西。 梳的紋絲不亂的頭發(fā)上澜搅，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼蜕企！你這毒婦竟也來了咬荷？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對情侶失蹤轻掩，失蹤者是張志新（化名）和其女友劉穎萍丐，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體放典，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年基茵，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了奋构。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布，位于F島的核電站烙肺，受9級特大地震影響纳猪，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜桃笙，卻給世界環(huán)境...
- 文/蒙蒙 一氏堤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧搏明，春花似錦鼠锈、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至虚循，卻和暖如春同欠，著一層夾襖步出監(jiān)牢的瞬間样傍，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓娃循，卻偏偏與公主長得像炕檩，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子捌斧，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 盒模型 就是就是瀏覽器為頁面中的每個(gè) HTML 元素生成的矩形盒子敲霍。 每個(gè)元素盒子的屬性可以分成三組 1、邊框（b...
- 外邊距扩然、內(nèi)邊距和邊框之間的關(guān)系?及IE8以下版本的瀏覽器中的盒模型 W3C盒模型 IE8以下版本的瀏覽器中的盒模型
- width() - 返回元素的寬度。height() - 返回元素的高度聋伦。innerWidth() 方法返回元素的...
- 前言 最近關(guān)于適配iOS10的文章有很多夫偶，內(nèi)容覆蓋的點(diǎn)都差不多，只是詳略差異觉增，本文只提一個(gè)簡單的點(diǎn)：CAAnima...
