文章詳情頁(yè)
html - CSS中width和height屬性取值的疑問(wèn)
瀏覽：103日期：2022-11-09 10:15:05
問(wèn)題描述
疑問(wèn)1： 在w3cschool中查看width和height屬性,可以發(fā)現(xiàn)它們的默認(rèn)值都是auto,當(dāng)width或height的屬性值設(shè)置為auto時(shí),瀏覽器會(huì)計(jì)算出實(shí)際的高度是什么意思? 下面是height的屬性取值:
疑問(wèn)2：在下面的例子中,這個(gè)p盒子中沒(méi)有設(shè)置width和height屬性,那它的寬和高是由什么決定的<!DOCTYPE html><html><head> <meta charset='UTF-8'> <title>width和height</title> <style type='text/css'>.p1{ border: 2px solid skyblue;} </style></head><body> <p class='p1'>這里有些內(nèi)容 </p></body></html>
問(wèn)題解答
回答1：參見(jiàn)：https://stackoverflow.com/que...http://blog.csdn.net/wgw33536...
回答2：寬高計(jì)算水很深，規(guī)范得專門劃出一章來(lái)講述。
例子里因?yàn)?p 是 block-level 元素，他的寬度為 body 的 content box 寬度 減去 4px 的左右 border。高度由里面的文字決定，即由 line-height 和 font-size （line-height 為比值時(shí)）決定。
標(biāo)簽：
HTML
相關(guān)文章：
1. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題2. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？3. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””4. css - 求推薦適用于vue2的框架 像bootstrap這種類型的5. Span標(biāo)簽6. SessionNotFoundException：會(huì)話ID為null。調(diào)用quit（）后使用WebDriver嗎？（硒）7. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。8. css - 關(guān)于div自適應(yīng)問(wèn)題，大家看圖吧，說(shuō)不清9. redis啟動(dòng)有問(wèn)題？10. java - Collections類里的swap函數(shù)，源碼為什么要新定義一個(gè)final的List型變量l指向傳入的list？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備