文章详情页
html - CSS中width和height属性取值的疑问
浏览：93日期：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-machine添加一个已有的docker主机问题2. angular.js - angularjs的自定义过滤器如何给文字加颜色？3. 用redis开发留言板，用户名和密码或者留言列表应该用单独的key来存储吗？4. 关于docker下的nginx压力测试5. docker安装后出现Cannot connect to the Docker daemon.6. mac里的docker如何命令行开启呢？7. docker - 如何修改运行中容器的配置8. mysql - 记得以前在哪里看过一个估算时间的网站9. javascript - 能否让vue-cli的express修改express重启服务10. java - 安卓实现熄屏功能。
排行榜
网公网安备