html - CSS中width和height屬性取值的疑問
問題描述
疑問1: 在w3cschool中查看width和height屬性,可以發現它們的默認值都是auto,當width或height的屬性值設置為auto時,瀏覽器會計算出實際的高度是什么意思? 下面是height的屬性取值:
疑問2:在下面的例子中,這個p盒子中沒有設置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'>這里有些內容 </p></body></html>
問題解答
回答1:參見:https://stackoverflow.com/que...http://blog.csdn.net/wgw33536...
回答2:寬高計算水很深,規范得專門劃出一章來講述。
例子里因為 p 是 block-level 元素,他的寬度為 body 的 content box 寬度 減去 4px 的左右 border。高度由里面的文字決定,即由 line-height 和 font-size (line-height 為比值時)決定。
相關文章:
1. windows誤人子弟啊2. php傳對應的id值為什么傳不了啊有木有大神會的看我下方截圖3. 如何用筆記本上的apache做微信開發的服務器4. python - linux 下用wsgifunc 運行web.py該如何修改代碼5. 關于mysql聯合查詢一對多的顯示結果問題6. 實現bing搜索工具urlAPI提交7. 冒昧問一下,我這php代碼哪里出錯了???8. mysql優化 - MySQL如何為配置表建立索引?9. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)10. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
