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

课程

/前端开发

/jQuery

/jQuery基础 (一)—样式篇

width/heigh 为什么依旧显示？

<p id="div2" style="width:0;height:0">width/height</p>

按理说宽和高设置为零了，我理解的是不应该再显示了，但在浏览器中依旧显示这个呢？http://img1.sycdn.imooc.com//584785560001a8ab02990219.jpg

吃了饿饿了又吃

2016-12-07

源自：jQuery基础 (一)—样式篇  2-9

关注问题 我要回答
730
操作
收起

正在回答

1 回答

qq_还不走 回答被采纳 +3 积分
2016-12-07

因为这个文本元素占据文档中一定的空间,所以被认为是可见的。

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

吃了饿饿了又吃 提问者

非常感谢！
2016-12-10 回复 有任何疑惑可以回复我~
#2

慕粉2350419715

<p id="div1" style="display:none;">display</p> <p id="div3" style="visibility:hidden;opacity:0;">visibility</p> div1 div3也有文本呀，难道这个文本元素不占据文档的空间，否则为什么不显示而width/heigh 显示呢？
2017-05-30 回复 有任何疑惑可以回复我~
#3

吃货1314

代码给<p>设置了宽高都为0，应该就是不给它分配空间，而文档是在<p>里面的，那你说的"占据文档空间"能再解释下吗？
2017-07-15 回复 有任何疑惑可以回复我~
#4

吃货1314 回复 吃货1314

懂了,<p>设置了宽高为0，但里面的元素还在，文档溢出显示
2017-07-15 回复 有任何疑惑可以回复我~
#5

qq_还不走 回复 吃货1314

换种思路就行了，你去一个小div里写很多文字就明白了
2017-07-25 回复 有任何疑惑可以回复我~
#6

慕村1994845 回复 慕粉2350419715

div1使用了css样式display隐藏，它既不可见也是隐藏；div2,设置了高宽，虽然都是0，但还是可见，你可以在div1，div2的样式里面都加一个border属性，可以看见区别；div3，设置了透明度为0，你看不见，但它依然可见，就如同六娃，它只是变透明了，它依然还在那里；要说明下，我这里说的“可见”，是说我们可以明显看得见，和visible的可见有区别；就像div2，虽然我们能看见它的内容，但它的visible值是false，也就是说，jQuery说它看不见div2；而div3，变透明，我们肉眼看不见，但它还杵在那，jQuery的透视眼能看见它(个人意见，仅供参考)
2017-07-30 回复 有任何疑惑可以回复我~
#7

慕村1994845 回复 慕粉2350419715

把代码复制到本地，在浏览器中打开调试，可以看到各个div的区别
2017-07-30 回复 有任何疑惑可以回复我~
查看4条回复

举报

0/150
提交
取消
jQuery基础 (一)—样式篇
  • 参与学习       217511    人
  • 解答问题       1218    个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

进入课程

本课相似问答

4 回答为什么width:0;height:0;在执行js后会显示元素长度是1？

3 回答为什么P元素width：0；height：0；但是仍然可以显示文字呢

3 回答width：0；height：0被认为是不可见的，为什么内容却能显示出来

3 回答为什么div3没有显示，show( $(&#039;#div3:visible&#039;) );的长度依然是1啊

9 回答为什么p2没有显示
搜索更多本课相关问答

width/heigh 为什么依旧显示？

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