weixin_43844975的博客

float新发现，假如一个divdiv{ 左边：div（float: left） 右边 pp中的文字会围绕div，但是p其实看得到div，却只是把div当成了占据它位置的一块，不会影响它本身的盒模型。举个栗子说明（p的盒模型设置如下，而div只是占据它位置最左边的一块不动）...

转载自:https://www.jianshu.com/p/425f1c7635a4

个人理解： box-sizing: border-box虽然是怪异盒子模式，但是是基于 正常文档流 前提的，如果设置了 position： absolute ，即 脱离了 正常的文档流，那么box-sizing: border-box就会 失效栗子如下：设置position: absolute后 ，原本的宽度限制box-sizing： border-box失效...

**前提：我给一个元素设置了margin-bottom: -20px,就变成了下面这样**原因： 所有的非浮动或定位的元素z-index不起作用解决：加上position：absolute效果：...

戳此链接查看

原因: 浏览器的差异解决办法如下1.设置border-bottom: 1px solid #999.line { transform: translate(-50%); position: absolute; left: 50%; top: 50%; width: 60%; height: 0px...

所有css样式写到一个文件当中结构采取header + body + footer形式所有的浮动都要清除