文章詳情頁
html - CSS中width和height屬性取值的疑問
瀏覽：165日期：2022-11-09 10:15:05
問題描述
疑問1： 在w3cschool中查看width和height屬性,可以發(fā)現(xiàn)它們的默認(rèn)值都是auto,當(dāng)width或height的屬性值設(shè)置為auto時,瀏覽器會計(jì)算出實(shí)際的高度是什么意思? 下面是height的屬性取值:
疑問2：在下面的例子中,這個p盒子中沒有設(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>
問題解答
回答1：參見：https://stackoverflow.com/que...http://blog.csdn.net/wgw33536...
回答2：寬高計(jì)算水很深，規(guī)范得專門劃出一章來講述。
例子里因?yàn)?p 是 block-level 元素，他的寬度為 body 的 content box 寬度 減去 4px 的左右 border。高度由里面的文字決定，即由 line-height 和 font-size （line-height 為比值時）決定。
標(biāo)簽：
HTML
相關(guān)文章：
1. macos - 無法source activate python272. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤？3. javascript - 微信 H5 授權(quán) 返回鍵4. github - 求助大神啊，win10 git clone error，折騰了幾天都不行，以前原本好好的，突然就這樣了5. android - 如何實(shí)現(xiàn)QQ pad 點(diǎn)擊右側(cè)輸入框，只頂右側(cè)的布局，左側(cè)布局不動6. javascript - npm run build后調(diào)用api返回index.html7. css - 關(guān)于background-position百分比的問題？8. html - vue里面:src在IE（9-11）下不顯示圖片9. javascript - node得到req不能得到boolean10. 小白學(xué)python的問題 關(guān)于%d和%s的區(qū)別
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備