css布局的几个知识点

在使用floating的时候，你会经常遇到一个很奇怪的事情，就是把float属性应用到一个图片上，但是图片高于包含图片的元素，所以图片溢出到了外面。解决的办法是清除浮。一个简单的解决方法是设置{ overflow:auto；缩放:1；}

内联块布局你可以使用内联块布局，但是你应该注意一些事情。(1)vertical-align属性将影响inline-block元素，您可以将其值设置为top；(2)需要设置每列的宽度；(3)如果HTML源代码中的元素之间有空格，那么列之间就会有空隙。

有两个重要的盒子模型，ie盒子模型和w3c盒子模型。W3c box model是标准的box model，包括边距、边框、填充、内容，内容部分不包括其他。ie box模型的范围包括边距、边框、填充和内容，但是IE box模型的内容部分包括边框和填充。

box-sizingbox-sizing的css属性用于更改默认的css框模型并计算元素的宽度和高度。可以用来模拟浏览器的行为，不正确的支持CSS模型。框尺寸属性的默认值是content-box，测量的宽度和高度属性只包括内容，不包括边框、填充、边距；保证金；padding-box的宽度和高度属性包括内容和填充的大小，不包括边框和边距；；border-box的宽度和高度属性包括填充和边框，但不包括边距。

Position有四个属性值:static？相对？绝对固定的.Static是position属性的默认值，即按照单据流转的顺序排列；相对将根据顶部、右侧、底部和左侧的值进行偏移。如果没有设置relative属性，元素的位置将与正常的文档流一致。Absolute是根据元素的父对象(父元素、祖父元素、曾祖父元素等)设置的位置属性。)，只要不是静态的，元素都是定位的；固定属性始终以正文为定位对象，根据浏览器窗口进行定位。即使拖动滚动条，它的位置也不会改变。类似背景-附件:固定。