#page-head+*{margin-top: 100px;}是什么意思？
来源：2-2 页面头部的制作（二）
前端001
2018-05-31 10:22:19
#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回答
-
好帮手慕夭夭
2018-05-31
根据视频中讲到 , #page-head+*{margin-top: 100px;}是给头部下面的所有内容一个向上的间距 ,视频地址如下:
https://class.imooc.com/lesson/269#mid=4887
希望能解答你的疑惑 ,祝学习愉快 !
0
相似问题