#page-head+*{margin-top: 100px;}是什么意思?
#page-head{
width: 100%;
height: 100px;
background: #f9f9f9;
position: fixed;
top: 0;
z-index: 99;
}
#page-head+*{margin-top: 100px;}
.navbar-default{
border: 0;
margin-bottom: 0;
}
#head-logo{
float: left;
margin-top: 15px;
}
.nav-tell{
float: right;
background: url(../images/index_08.png);
width: 186px;
height: 47px;
line-height: 47px;
font-size: 16px;
text-indent: 50px;
color: #ef200d;
margin-top: 27px;
}
.navbar-nav{
margin-left: 80px;
}
.navbar-nav li{
width: 98px;
height: 100px;
text-align: center;
font-size: 16px;
margin-left: 40px;
}
.navbar-nav li a{
padding: 0;
margin:0;
line-height: 100px;
color: #666;
}
.navbar-nav li.active > a{
background: url(../images/index_02.png);
}
@media screen and (max-width: 992px){
.navbar-nav{
margin-left: 0;
}
}
@media screen and (max-width: 768px){
.navbar-toggle{
margin-top:22px;
}
#head-logo{
margin-top: 8px;
}
#page-head{
height: 80px;
}
#page-head+*{margin-top: 80px;}
.navbar-nav{
margin-left: 0;
width: 100%;
}
.navbar-nav li{
width: 100%;
margin-left: 0;
height: 50px;
}
.navbar-nav li a{
line-height: 50px;
}
.navbar-collapse{
padding:0;
}
.full-padding{
padding: 0;
}
}
正在回答 回答被采纳积分+1
根据视频中讲到 , #page-head+*{margin-top: 100px;}是给头部下面的所有内容一个向上的间距 ,视频地址如下:
https://class.imooc.com/lesson/269#mid=4887
希望能解答你的疑惑 ,祝学习愉快 !
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星