为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
关于nav栏掉下来这一点真的巨坑!想了好久!原因就是浏览器图片默认自带3px的下边距,这里有3种方法解决
1.给logo添加overflow: hidden;
2.把包含logo图片的父容器的宽度和高度都写全
logo .logo-l{
width: 200px;
height: 80px;
}
3.清除系统默认图片的下边距
img{
vertical-align: top;
}
不是很难,明天完成它,争取明年成年后找到工作
.box{width:183px;height: 98px;border:1px solid #f00;margin-top: 10px;padding-left: 15px;background-color: aqua;}

最新回答 / 慕运维2998853
display:inlineinline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。inline元素设置width,height属性无效。inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-botto...

最赞回答 / bruce61407
http://pan.baidu.com/s/1i4XzJr3 你看看能不能用,不能的话我重给你发

已采纳回答 / songdongfang
黄色区域里的内容呢?html结构有没有问题?建议你在浏览器里按F12调出调试工具查看出了什么问题,还有这个老师经常不清浮动,搞不好哪里就出了问题。
.nav { clear: left } 加上清除左边浮动,可以让导航条显示正常。

最赞回答 / bruce61407
这不是说的很清楚了啊,如果你预览的不是HTML或者PHP当然不行啊,比如说css,不管用Dreamweaver或者sublime都不行啊,连接到HTML文件里打开就好
老师,这个填充不应该是内部间距吗?不会影响外面整体边框大小的吧?
完结撒花 。。。
li背景图片设为居中:background: url(../img/li_bg.gif) no-repeat 4px 4px;
.topList a:hover,.topList a:active{
text-decoration:none;
color:#c00;
}
.top em{
background-position:top;
color:#fff;
}
.topList a{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.topList a:link,.topList a:visited{
text-decoration:none;
color:#000;
}
em{
width:20px;
text-align:center;
height:16px;
line-height:16px;
font-size:12px;
font-style:normal;
background:url( "http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat;
background-position:bottom;
margin:3px;
color:#333;
float:left;
}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消