网页中出现的问题
- 浮动使用太多
在写网页的时候为了布局使用了很多浮动,但是浮动对页面的影响比较大,容易忘记清除浮动,下面是对浮动问题的总结
问题:
(一)父类高度坍塌
子类元素浮动后没有子元素撑起父元素导致父元素高度坍塌
(二)
元素浮动脱离文档流后不占有文本位置,下方的元素会无视浮动元素导致覆盖
解决:
- 给父类元素固定高度,但是适应度非常低
- 给父类元素加上浮动,但是下方的元素也需要浮动,非常麻烦
- 给父元素设置overflow:fidden,但是子元素过多的话会被隐藏
- 在父元素上添加一个class,类名为clearfix;类使用after伪元素 ;在父元素后面加上display: block; clear: both
定位
写代码的时候发现对定位的相对定位和绝对定位认识还不是很清楚
相对定位:相对于本身的位置
绝对定位:相对于最近的已经设置定位的祖先元素
图标
图标的背景需要再在外面包一层div设置背景,否则背景只会包裹图标本身
线条
线条需要用边框构成
其他
最近太忙了,班级作业也多,页面完成度非常低,小组已经闭组了,这几天先把网页再完善一下,然后就投入复习,英语,近现代史可能要凉凉,这几周好好复习,千万不要挂科【双手合十】