杂(css)

本用于记录个人学习记录:
http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/

containing box:line boxes的高度垂直堆叠形成了containing box的高度;也就是我们见到的div或是p标签之类的高度了
inline boxes:例如span、a、em标签。
line boxes:inline boxes组成line boxes;line boxes的高度是由其内部最高的inline boxes的高度决定的;

content area:是一种围绕文字看不见的box。content area的大小与font-size大小相关。
图片的高度与height有关,与line-height无关。
光秃秃的文字,则属于匿名inline boxes。
float:left;浮动会破坏inline boxes的包裹性。
浮动就是个带有方位的display:inline-block属性。
display:inline-block某种意义上的作用就是包裹(wrap),而浮动也有类似的效果。
浮动:破坏自身模型和高度。

    原文作者:斯文败类
    原文地址: https://segmentfault.com/a/1190000005870776
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞