发表于: 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;
}


明天计划的事情:加把劲完成最后两个页面


遇到的问题:写页面内容的时候在仿照栅格系统的时候布局没弄好,在看了好几遍任务九的框架以后,还是没搞明白,请教师兄以后才把问题给解决。


收获:今天学到了浮动会使下级元素失去高度,而栅格系统是自带浮动清除的,所以布局才不会出问题,但是我开始没明白是什么原因,导致下一级的元素失去高度,后来才知道是因为浮动的原因。


返回列表 返回列表
评论

    分享到