文章详情页
html - CSS中width和height属性取值的疑问
浏览：115日期：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. docker容器呢SSH为什么连不通呢？2. dockerfile - 为什么docker容器启动不了？3. golang - 用IDE看docker源码时的小问题4. docker api 开发的端口怎么获取？5. docker start -a dockername 老是卡住，什么情况？6. javascript - 表单ajax提交后跳转,手机按返回又进入这个表单页了!!7. javascript - 父级设置了相对定位。子元素设置了绝对定位。子元素中包含了浮动的table，这个时候高度不能自适应。8. Span标签9. javascript - vue异步数据打印问题10. javascript - js的string数据类型，这段表述是什么意思？
排行榜
网公网安备