最近又双叒叕叕在学习CSS,导致不得不重新开始复习TAT
position:定位
posotion | 作用 |
---|---|
absolute | 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 |
relative | 生成相对定位的元素,相对于其正常位置进行定位。 |
fixed | 生成相对定位的元素,相对于其正常位置进行定位。 |
absolute 常用于二级菜单,且absolute是相对与父级(relative)来进行定位的,当没有relative这个属性,则会向上查询,还没有父级就是body。绝对定位是脱离文档流的,相当于这个移动你完全可以通过 top left来操作,想去哪里就去哪里,欸嘿
布局API
display属性 | 作用 |
---|---|
none: | 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 |
inline | 指定对象为内联元素 |
block | 指定对象为块元素。 |
list-item | 指定对象为列表项目。 |
inline-block | 指定对象为内联块元素。 |
table | 指定对象作为块元素级的表格。类同于html标签
|
box | 将对象作为弹性伸缩盒显示 |
float:浮动
float属性 | 作用 |
---|---|
none | 设置元素不浮动 |
left | 设置元素浮在左边 |
right | 设置元素浮在右边 |
同时浮动也会造成一些特殊的情况出现
比如超出父级的高度后,父级的高度就会为0,这样之后的布局就会很僵硬
建议添加 overflow: hidden;
主要就是这些后边我会补充