摘要：
首先说明两个特性： 1，浮动元素兄弟元素的布局规则 当html中存在浮动元素时，其兄弟元素的布局遵循如下规则： （1）块级元素的渲染无视浮动元素 （2）文本内容或者是行内元素的渲染会考虑到浮动元素的存在 形象一点来讲就是没有浮动的块级元素在浏览器上占位置的时候看不到浮动元素的存在，所以浮动元素所占据 阅读全文
摘要：
首先看一下问题案例 .wrapper{ width: 100px; height: 100px; background-color: aqua; margin-top: 100px; margin-left: 100px; } .inner{ width: 50px; height: 50px; m 阅读全文
摘要：
html中的文本内容或者是具有inline或inline-block的元素之间会6px的间距， 这是因为html文当中若出现文字分隔符（文字分隔符主要指空格或者换行等）， 那么其就会被渲染成一个空格（不过要注意的是无论内容中含有多少个空格其最终渲染到页面上将只有一个空格，即文字分隔符间隔开的内容始终 阅读全文