在写一个小demo的时候需要在li内加上一个div,效果如下图:
如果不加任何定位,显示为下图:
加上绝对定位且bottom:0,显示为下图:
而加上top:100%,则显示为下图:
总结:
1. top:100%是在父元素边框外面的,
2. bottom:0是在父元素边框里面的。
CSS之绝对定位top:100%和bottom:0区别
最新推荐文章于 2022-11-03 12:04:18 发布
在写一个小demo的时候需要在li内加上一个div,效果如下图:
如果不加任何定位,显示为下图:
加上绝对定位且bottom:0,显示为下图:
而加上top:100%,则显示为下图:
总结:
1. top:100%是在父元素边框外面的,
2. bottom:0是在父元素边框里面的。