2021-03-04

浮动的问题

• 清除浮动就是让飘的盒子依然在文档中占位
• 浮动和display:inline-block 不要共存, 因为都是实现左右排列

注意的问题

display:block 独占一行 , margin:auto 对block元素生效
居中用display:inline-block
text-align:center 写在父元素上面,对行内和行内块生效

固定定位bug

1. 定位会改变元素的宽度.加了定位得给宽度
2. 定位不占位置,下面的盒子得给一个外边距硬挤

圆角

border-radius 百分之五十以上是正圆或者椭圆

显影效果

方法一:a盒子和b盒子, b盒子给display:none不显示,鼠标点击给display:block 显示出来 , b盒子需要是a盒子的子元素 都得加定位
方法二:a盒子和b盒子, b盒子设高为0,溢出文字部分overflow:hidden隐藏, 鼠标点击加上高就可显示,b盒子需要是a盒子的子元素 都得加定位