html – 为什么内联元素在浮动时接受宽度和高度?

前端之家收集整理的这篇文章主要介绍了html – 为什么内联元素在浮动时接受宽度和高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
现在我有一个span元素,我给它宽度和高度,例如500px
我知道它内联元素所以它不接受宽度和高度,但为什么它适用于我漂浮它?
  1. span.first {
  2. width: 500px;
  3. height: 500px;
  4. border: 1px solid #000;
  5. float: right;
  6. }
  7.  
  8. span.second {
  9. width: 500px;
  10. height: 500px;
  11. border: 1px solid #000;
  12. }
  1. <span class="first">with float</span>
  2. <span class="second">without float</span>

https://codepen.io/kemozzz/pen/KvVrXj

解决方法

根据CSS规则,当您将float应用于元素时,在大多数情况下,它将成为块元素.内联和内联块的元素将计算为阻止.

来自MDN:

猜你在找的HTML相关文章