为了账号安全,请及时绑定邮箱和手机立即绑定

width:200px;height:30px;指的是将内容的宽度设为200像素,高度设为30像素吗?而不是盒子的宽度和高度?

<style type="text/css">

li{

    border:1px dotted #ccc;

    width:200px;

    height:30px;   

}

</style>


正在回答

14 回答

是盒子的宽和高啊,内容填充到盒子内部啊,因为没有设置内边距所以内容紧挨着盒子边框显示

0 回复 有任何疑惑可以回复我~
#1

陌上花开lovego 提问者

3Q!
2016-08-17 回复 有任何疑惑可以回复我~
#2

qq_谜离_03319966

我觉得css里面设置width和height是设置内容的大小 如果是指盒子的大小 做个试验 假设是盒子的大小 新增加属性padding:10px 那么盒子大小依然不变 反之亦然 结果整体变大了 所以假设不成立 width和height是指内容的大小
2016-09-26 回复 有任何疑惑可以回复我~
#3

白小九

不对哦。W3C标准盒模型中,width和height指的是内容的宽和高。
2016-11-07 回复 有任何疑惑可以回复我~

这里的width和height指的是内容的宽度

为什么呢 我在代码里面加入padding=10px 发现整体变大了 如果这里的width和height指的是盒子的

那么整体大小应该不变的 或者内容变小

1 回复 有任何疑惑可以回复我~

是不是在未设置margin,border和padding的时候,就没有边界,边框和填充,默认内容撑满!所以内容的width和height,就是盒子的width和height!

0 回复 有任何疑惑可以回复我~

是里面的文本的把

0 回复 有任何疑惑可以回复我~

是内容的宽高。你们试试设置margin和padding,然后查看显示区的代码,那里能看到盒子模型尺寸,设置的margin和padding是在200和30上额外加的。

0 回复 有任何疑惑可以回复我~

盒子的宽度和高度

0 回复 有任何疑惑可以回复我~

众说纷纭,晕了

0 回复 有任何疑惑可以回复我~

css内定义的宽(width)和高(height),指的是填充之内的内容的宽度和高度。

border默认值为0,margin和padding值不设定的话各个浏览器有不同默认值。

元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

元素实际高度(盒子的高度)=上边界+上边框+上填充+内容高度+下填充+下边框+下边界。

3 回复 有任何疑惑可以回复我~

盒子的

0 回复 有任何疑惑可以回复我~

你这里的width和height是盒子的高度和宽度吧,内容的高度宽度可以相对盒子大小用padding设定

1 回复 有任何疑惑可以回复我~
#1

陌上花开lovego 提问者

那怎么设定内容的宽度呢?请给详细代码,谢谢
2016-08-17 回复 有任何疑惑可以回复我~
首页上一页12下一页尾页

举报

0/150
提交
取消

width:200px;height:30px;指的是将内容的宽度设为200像素,高度设为30像素吗?而不是盒子的宽度和高度?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信