#page-head+*{margin-top: 100px;}是什么意思?

#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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2018-05-31 14:31:25

根据视频中讲到 , #page-head+*{margin-top: 100px;}是给头部下面的所有内容一个向上的间距 ,视频地址如下:

https://class.imooc.com/lesson/269#mid=4887

希望能解答你的疑惑 ,祝学习愉快 !

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师