課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
padding-bottom沒體現(xiàn)出來
為什么會一直往下寫出來
2016-02-21
源自:初識HTML(5)+CSS(3)-升級版 12-13
正在回答
看不懂
你把margin先設(shè)置 marigin:10px 然后再設(shè)置為300px; 去頁面運行,不要在這個編輯器上運行,如果你還是看不出來效果,那你在 頁面按F12吧。
你想表達什么 ?- ?- ? 你說的padding-bottom是指 box1 ?還是box2》?
<!DOCTYPE?html><html?><head>????<meta?charset="UTF-8">????<title>填充</title>????<style?type="text/css">????????#box{????????????width:100px;????????????border:10px?dashed?red;????????????padding:100px;????????}????????p{????????????width:100px;????????????height:100px;????????????overflow:?hidden;????????}????????.box2{width:200px;height:200px;border:20px?dashed?green;padding:50px;margin:100px;?overflow:?hidden;}????</style></head><body><div?id="box">????<p>盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子????盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子????盒子盒子盒子盒子盒子盒子盒子盒子????盒子盒子盒子盒子盒子盒子盒子盒子????</p>????</div><div?class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子????箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子????箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子????箱子箱子箱子</div></body><html>
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>填充</title> ? ?<style type="text/css"> ? ? ? ?#box{width:100px; ? ? ? ?height:100px; ? ? ? ? ? ?border:10px dashed red; ? ? ? ? ? ?padding:100px; ? ? ? ?} ? ? ? ?.box2{width:200px;height:200px;border:20px dashed green;padding:50px;margin:100px;} ? ?</style></head><body><div id="box">盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子 ? ?盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子</div><div class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子 ? ?箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子 ? ?箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子 ? ?箱子箱子箱子</div></body></html>
下邊加個塊級元素,就能體現(xiàn)出來了;?
SayHiTo 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答關(guān)于padding-bottom
2 回答padding-bottom:0px;內(nèi)容為什么不靠下面。
5 回答為什么這段代碼中 p.first 的效果沒有體現(xiàn)出來?
4 回答標(biāo)題沒有顯現(xiàn)出來
3 回答有沒有bottom的區(qū)別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-22
看不懂
2016-04-20
你把margin先設(shè)置 marigin:10px 然后再設(shè)置為300px; 去頁面運行,不要在這個編輯器上運行,如果你還是看不出來效果,那你在 頁面按F12吧。
2016-04-20
你想表達什么 ?- ?- ? 你說的padding-bottom是指 box1 ?還是box2》?
2016-02-21
<!DOCTYPE?html>
<html?>
<head>
????<meta?charset="UTF-8">
????<title>填充</title>
????<style?type="text/css">
????????#box{
????????????width:100px;
????????????border:10px?dashed?red;
????????????padding:100px;
????????}
????????p{
????????????width:100px;
????????????height:100px;
????????????overflow:?hidden;
????????}
????????.box2{width:200px;height:200px;border:20px?dashed?green;padding:50px;margin:100px;?overflow:?hidden;}
????</style>
</head>
<body>
<div?id="box">
????<p>盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
盒子盒子盒子盒子盒子盒子盒子
????盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
????盒子盒子盒子盒子盒子盒子盒子盒子
????盒子盒子盒子盒子盒子盒子盒子盒子
????</p>
????</div>
<div?class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
????箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
????箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
????箱子箱子箱子</div>
</body>
<html>
2016-02-21
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>填充</title>
? ?<style type="text/css">
? ? ? ?#box{width:100px;
? ? ? ?height:100px;
? ? ? ? ? ?border:10px dashed red;
? ? ? ? ? ?padding:100px;
? ? ? ?}
? ? ? ?.box2{width:200px;height:200px;border:20px dashed green;padding:50px;margin:100px;}
? ?</style>
</head>
<body>
<div id="box">盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
? ?盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子</div>
<div class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
? ?箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
? ?箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
? ?箱子箱子箱子</div>
</body>
</html>
2016-02-21
下邊加個塊級元素,就能體現(xiàn)出來了;?