文章详情页
html - CSS中width和height属性取值的疑问
浏览：40日期：2022-11-09 10:15:05
问题描述
疑问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 为比值时）决定。
标签：
HTML
相关文章：
1. javascript - vue中父组件向子组件传递Object时，如何避免TypeError？2. 无法连接docker里的mysql服务器3. html - IOS二维码识别问题4. mysql - sql 语句更改表结构，添加多个列，怎么写？5. css3 怎么实现锯齿状的剪纸效果（如图）6. html5 - 如何利用Canvas技术制作出上下跳动的音乐谱7. mysql - JAVA怎么实现一个DAO同时实现查询两个实体类的结果集8. Android 关于图片压缩的问题。9. javascript - 怎么设计项目的返回码，让不同的返回码代表不同的含义？10. 您好师太我想请教这个框架怎么搭建呢？
排行榜
网公网安备