第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

看到問(wèn)答里很多人說(shuō)width和height是內(nèi)容的寬度/高度?

我試著寫(xiě)了幾個(gè)頁(yè)面,width和height明明就是盒子的寬度和高度啊。如圖所示

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>內(nèi)聯(lián)塊狀元素</title>
<style?type="text/css">
div{background:pink;border:red?solid?2px;height:80px;width:80px;}
span{background:blue;}
</style>
</head>
<body>
<div><span>這是什么</span></div>

</body>
</html>

http://img1.sycdn.imooc.com//5850ebb000012f3803120249.jpg

正在回答

3 回答

整個(gè)盒子分四層 一層套一層 最內(nèi)層橫向是 withd(寬度)然后padding (內(nèi)邊距)border(邊框)最外面是margin(頁(yè)邊的空白)


1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

白石青 提問(wèn)者

為什么我設(shè)置width=80px,盒子就變成這個(gè)寬度了?如果這是內(nèi)容的寬度,那盒子為什么要變呢?
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕粉091628941 回復(fù) 白石青 提問(wèn)者

盒子的寬度是4個(gè)值相加的 比如一個(gè)盒子全部的寬度是withd(80)+padding(10)+{border(10)就是你紅色的那個(gè)邊}+{margin(10)空白到網(wǎng)頁(yè)邊緣的部分}=全部的寬度110
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#3

白石青 提問(wèn)者 回復(fù) 慕粉091628941

恩,當(dāng)我去掉width=80px的時(shí)候,相當(dāng)于沒(méi)設(shè)置這個(gè)內(nèi)容寬度,此時(shí)為什么盒子寬度(邊框顯示)是整個(gè)屏幕的寬度呢?
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#4

慕粉091628941 回復(fù) 白石青 提問(wèn)者

你要是懂了 點(diǎn)個(gè)贊唄 不懂再問(wèn)
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#5

慕粉091628941 回復(fù) 白石青 提問(wèn)者

這和你的div有關(guān) 當(dāng)你不對(duì)它進(jìn)行設(shè)置的時(shí)候 它就是默認(rèn)的值 你的那個(gè)BUFF是加給div的 不加特殊BUFF 它就是原始狀態(tài)
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#6

白石青 提問(wèn)者 回復(fù) 慕粉091628941

有點(diǎn)懂了,還有一點(diǎn),https://zhidao.baidu.com/question/424186701.html 這個(gè)采納回答里說(shuō)的設(shè)置div寬度,是不是通常意義的div寬度而不是"實(shí)際寬度"?
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#7

慕粉091628941 回復(fù) 白石青 提問(wèn)者

指的就是withd的值啊 但是外面還有三層
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#8

白石青 提問(wèn)者 回復(fù) 慕粉091628941

了解了,外面三層我能理解就沒(méi)寫(xiě)出來(lái)。謝謝。
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
查看5條回復(fù)

同學(xué)我對(duì)你的建業(yè):別人給你的答案是供你參考,真真能夠提升理解程度只用靠自己。把網(wǎng)頁(yè)上的東西抄一遍告訴你,還不如自己打開(kāi)盒模型作業(yè)多看看。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

白石青 提問(wèn)者

我就是自己寫(xiě)了頁(yè)面,又看了一些人的回答,不太理解才來(lái)提問(wèn)嘛。希望能被指點(diǎn)清楚,自己死琢磨怕鉆牛角尖。
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~

這個(gè)代碼是最基礎(chǔ)的代碼,去掉了padding和margin。在實(shí)際的項(xiàng)目中一個(gè)頁(yè)面的盒模型是很多的,沒(méi)有了padding和margin那頁(yè)面將非常的亂

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

白石青 提問(wèn)者

答非所問(wèn)
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~
#2

大澗澗dry

我的意思:第一:你不應(yīng)該只寫(xiě)一個(gè)盒模型,寫(xiě)至少2個(gè)觀察一下,你才能理解什么是盒模型,已經(jīng)他是如何受width,height,border,padding,margin控制的。第二:你所謂的內(nèi)容其實(shí)是盒模型的一部分。真正的內(nèi)容是盒子內(nèi)部元素:比如,img,p,h1,等等
2016-12-14 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

看到問(wèn)答里很多人說(shuō)width和height是內(nèi)容的寬度/高度?

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)