发表于: 2018-11-11 10:14:29
1 831
今天完成的事情:
完成了第一个页面
.script {
background-color: #29b078;
padding-top: 25px;
color: #fff;
padding-bottom: 35px;
margin-top: 15px;
}
.small{
margin-top: 10px;
}
@media (min-width: 992px) {
.col-md-4 {
width: 33.33333333%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5 {
width: 41.66666667%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-3 {
width: 25%;
}
}
.minitype{
display: inline-block;
}
.setout {
background-color: #29b078;
border-top: 0.1rem solid #32c068;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
明天计划的事情:加把劲完成最后两个页面
遇到的问题:写页面内容的时候在仿照栅格系统的时候布局没弄好,在看了好几遍任务九的框架以后,还是没搞明白,请教师兄以后才把问题给解决。
收获:今天学到了浮动会使下级元素失去高度,而栅格系统是自带浮动清除的,所以布局才不会出问题,但是我开始没明白是什么原因,导致下一级的元素失去高度,后来才知道是因为浮动的原因。
评论