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

为什么div1的height会影响div2的height?

如下两图:http://img1.sycdn.imooc.com//5e5b811000018b3408460802.jpg

http://img1.sycdn.imooc.com//5e5b81220001317020721162.jpg

div1的height显示出来和div2的height一样,是1000px,请问为什么不是设置的300px呢?谢谢。

正在回答

1 回答

http://img1.sycdn.imooc.com//5e5bcac10001477106000295.jpghttp://img1.sycdn.imooc.com//5e5bcacb00019a1903770829.jpg

问题出在元素dispaly类型上,这里把display设置成了table-cell类型(表格单元显示)(类似table标签的<td>和<th>)http://img1.sycdn.imooc.com//5e5bcf3c000191c306050042.jpg

而关于table的特性(ps:我也是刚学完只能推测,尝试一下,尬笑)我试了一下,发现同行的元素的高度设置即height只会取最大的那个值,即300px,1000排序,取1000px;下图是我的试验结果,

http://img1.sycdn.imooc.com//5e5bcee200017f7f14080468.jpg

http://img1.sycdn.imooc.com//5e5bcf00000103e512760456.jpg

语言表述可能不是很精炼准确,但希望对你能有帮助。


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

慕容7360735 提问者

感谢,很有帮助。还有1000排序那里是否是个笔误,不过不影响阅读。
2020-03-03 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么div1的height会影响div2的height?

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