《CSS权威指南》笔记

第七章 基本视觉格式化

P167 包含块:由最近的块祖先框、表单元格和行内块祖先框的内容边界构成。

<body>
    <div>
           <p>This is a paragraph</p>
    <div>
</body>

P元素的包含块是div元素,因为div是它最近的祖先元素,本例是块祖先框

div的包含块是body

 P171 一个auto

7个属性值的和必须等于父元素(即包含块)的width

外右和width为100px,外左auto//外左200px

全100px//总把外右强制aoto成200px

两外边距都显式设置100px,width为auto//width为所需的那个值 200px//等价于只设置外边距 代码见P172

不止一个auto

两外都设置为auto,width100px//父元素居中 //两外设置成长度相等,元素居中

某外和width都auto//这个某外变0,width auto。

三个都auto//两外都为0,width尽可能宽 //即默认:没有为外边距和width显式设置任何值



你可能感兴趣的:(《CSS权威指南》笔记)