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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
之所以溢出,是因为logo_left图片的高度是83,而我们定的logo的高度为80,那么多出3px的高度,如果大家把图片放大看看,就会发现多出一丁点高度出来。所以我们给logo的高度定义为83,或者用oevrflow:hidden,多出来的logo_left图片就会被隐藏起来。那么nav的就不会受到影响。 (。・`ω´・)
背景不能撑开容器 但同时也不会受容器宽高影响
良心课 !!!!!
cjb
em{
display:block;
width:20px;
height:16px;
line-height:16px;
color:#333;
font-style:normal;
float:left;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat ;
background-position:bottom;
text-align:center;
}
<body>

<!--在此添加相应的div标签-->
<div class="leftbox"></div>
<div class="rightbox"></div>
<div class="mainbox"></div>
/*在此定义相应的类选择器,并根据要求设置相关CSS属性*/
.leftbox{width:740px;
height:300px;
background-color:#C9F;
float:left;}
.rightbox{width:210px;
height:300px;
background-color:#FCF;
margin-left:10px;
float:left;}
.mainbox{width:960px;
height:300px;
background-color:#CFF;}
</style>
li{
float:left;
list-style-type:none;

}
a{
display:block;
width:50px;
height:30px;
text-align:center;
line-height:30px;
}
.top a:link,.top a:visited{
text-decoration:none;
color:blue;
}
.top a:hover,.top a:active{
color:red;
background:black;

}

最新回答 / l默l
可以,margin是外边距,是盒子模型的一部分,而浮动是作用在整个盒子模型上的
.box{
width:960px;
background-color:#CFF;
overflow:auto;
margin:0 auto;
}
.box1{
height:300px;
width:740px;
background-color:#C9F;

float:left;
}
.box2{
height:300px;
width:210px;
background-color:#FCF;

float:right;
}
妈蛋,花了2天,共8个小时,我是不是太笨了。。。好多一脸懵逼。。。不过也有收获的
myfoucs
ul li {width:50px;height:30px;float: left;line-height: 30px;text-align: center;list-style: none;display: block;}
a {display: block;width:50px;height:30px;text-decoration: none;}
a:link,a:visited {color: black;}
a:hover,a:active {color: white;background: #BE3948;}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消