- 博客(2)
- 收藏
- 关注
原创 transform的translate属性
今天在练习做登录表单的时候,发现了一个问题,放上表单后,父盒子上边距发生了塌陷。代码如下:.bg-img { position: relative; height: 100vh; background: url(bgimg.jpg); background-size: cover; background-position: center;}.bg-img::after { position: absolute; top: 0; left: 0; content: ""; wid
2022-01-09 19:45:45
2153
原创 今天认识了消除浮动
一开始跟着视频学习(Pink老师黑马程序员基础教程),讲到消除浮动时,看了看案例,感觉看懂了,结果自己画前端时,遇到了难题居然没有想到用它。网页内容需要展示很多时,父元素没办法定义固定高度,子元素浮动时就会脱标,父元素高度变成0,影响后续布局。而消除浮动,能将子元素布局到父元素中,父元素高度随着子元素浮动高度增加。1.如下图所示,2个父盒子box1,box2;box1内放入5个向左浮动的盒子;box2内放入2个左右排列的盒子(1个左浮动,1个右浮动)。2.为了显示效果,给box1和box2设
2022-01-08 11:03:44
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人