菜单(Menu)布局

1月 20, 2022 |

主要 position 属性使用,position:relative 相对当前文档流位置,成为一个positioned ancestor, 供position:absolute 子元素相对定位,position:absolute 相对与上一个positioned ancestor执行(left, top, right, bottom)绝对定位
float让元素脱离文档流,但是还是占据文档位置。
display: flow-root;解决元素float后父元素的height=0 原理是让其成为一个, 具体参考block formatting context,

Posted in: WEB开发

Comments are closed.