用html做b站首页,前端练习-B站1

本周做了B站第一部分的练习，并利用工作的间隙做了一部分CSDN首页的模仿练习，自己的体会是，布局和基本样式没有太大问题，但是熟练程度有待进一步提高，主要是死磕一个比较成熟的案例，B站课程练习算是一个开始，之前做了很多小练习，是张开眼睛看，帮我打开前端的HTML、CSS的世界，下面不仅要看清楚想清楚，而且要自己动手做出来。

练习B站的过程主要遇到以下问题：

问题1

因为游戏中心插入子元素div，被撑开，导致导航栏元素位置混乱

解决1

父元素-游戏中心 position: relative;子元素-详情detail position: absolute;绝对定位脱离文档流，不占据原来的位置。

问题1

问题2

子元素设置浮动，父元素高度塌陷

解决2

.clearfix:after{

content:"";

display:block;

height:0;

clear:both

}

image.png

问题3

和老师设置了一样的高度，但明显被撑开

解决3

找了很长时间，原来是写错了元素标签