摘要： 以 div A 和 B为例，宽高为100px。 1、使div浮动起来，效果图如下 2、给 div 添加CSS属性 display：inline； 但是这样会造成 div 的宽高无效，宽高是被 div 内的内容撑开的，效果如下图： 使用 display：inline-block； 效果如下图： 但是这 阅读全文

摘要： 当子元素不浮动的时候，父元素的高度是由子元素撑起来的。 子元素A和B是两个div，独占一行 效果如图： 当子元素B浮动起来之后，父元素高度塌陷到只剩子元素A的高度 效果如图： 当给子元素A（div）设置CSS属性：display：inline 后，A的宽高将不起作用，宽高由内容撑开，即被字母A撑开。 阅读全文