最开始用来写文章打印文章，然后要什么功能就加什么功能，导致各功能之间很多时候靠直觉
一、会各个属性之间相互影响
CSS1.PNG
图中三个块块的margin合并了，上下之间20px；实际就合并成了10px；
CSS2.PNG
可以通过之间加border，就不合并了
css3.PNG
display:table；display：inline-block和display:flex； overflow：hidden；padding也可以
原因呢：没有原因。怎么学，天天试
display会影响列表前面的小圆点,默认的出现原点的diapaly：list-item
c0.PNG
然后改成其他的就不可以了哦，比如display：inline(block)
c1.PNG
那个加了position：absolute就会影响它的display，如果你设置的display是inline或者inline-block，那么在实际应用中直接被它改成block（内联的改掉）
c9.PNG
二、会各个元素之间相互影响
元素中的position：fixed会被它的父亲元素中的transform影响，不能正常的以当前窗口定着，而是相对于父元素。。。迷
float元素原来就是为了图文更好搭配出现的，不影响如图中的白色block，但是会影响里面的文字元素，字会自动跑到图边上环绕它
c8.PNG
常用套路
s1.PNG
s2.PNG
s3.PNG
要避免父元素高度确定的情况，一般从内部利用padding什么的撑起来很好了
s4.PNG
一般常用这3种，其他几种炫技的。。
网友评论