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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
.newsBox{
min-height:300px;
}
.bold{
font-weight:bold;
}
.newsContent p{
line-height:25px;
text-indent:2em;
}
.newsInfo{
color:#666;
border-bottom:1px dotted #ccc;
}
.newsBox h1,.newsInfo{
text-align:center;
}
.newsBox p img{
margin:0 auto;
display:block;
}

已采纳回答 / Z克森
百度复制:    一个元素设置了浮动样式后,会影响它的兄弟元素,至于如何影响,要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素,会无视这个浮动元素,即兄弟元素和浮动元素共处同行,浮动元素会覆盖兄弟元素。除非这些 div 设置了宽度,并且父元素的宽度不足以包含它们,这样兄弟元素才会被强制换行;如果兄弟元素是内联元素,则会尽可能围绕浮动元素。个人理解:    三个同级div,box1、box2、浮动后box1,2脱离标准文档流不再占用空间,块级元素box3无视box1,2导致12覆盖box3,但...
li {
/*width: 50px;
height: 30px;*/
float: left;
list-style-type: none;
}
a {
text-decoration: none;
padding: 10px;
/*display: block;
line-height: 30px;
text-align: center;*/
}
a:link,a:visited {
color: #000;
}
a:hover,a:active {
color: #fff;
background-color: #BE3948;
}
li {
width: 50px;
height: 30px;
float: left;
list-style-type: none;
}

a {
text-decoration: none;
display: block;
line-height: 30px;
text-align: center;
}

a:link,a:visited {
color: #000;
}

a:hover,a:active {
color: #fff;
background-color: #BE3948;
}
<body>
<div class="mainBox clearfix">
<div class="leftBox"></div>
<div class="rightBox"></div>
<div class="clear"></div>
</div>
</body>
/*.clearfix{
overflow: hidden;
zoom: 1;
}*/

/*.clearfix{
overflow: auto;
height:1%;
}*/

/*.mainBox:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/

/*.clear {
clear: both;
height: 0;
overflow: hidden;
}*/
.mainBox {
width: 960px;
/*height: 300px;*/
background-color: #cff;
}
.leftBox {
width: 740px;
height: 300px;
background-color: #c9f;
float: left;
}
.rightBox {
width: 210px;
height: 300px;
background-color: #fcf;
float: right;
}
<style type="text/css">
.myBox{
width:200px;
height:100px;
border:1px solid #f00;
margin-top:10px;
padding-left:15px;
}
</style>
.
.
.
<div class="myBox">Hello World!</div>

最新回答 / 夜莺z
从网页引用视频,用户访问的来源于引用的网页视频下载下来引用以后,相当于用户访问的视频在你的电脑里面,如果你电脑down了,就不能访问了
老师好棒啊~

最新回答 / 迎风向上乀
把height去掉结果也一样的。我习惯写的时候不写height=0; 那么这个divmain的高度就是随着内部高度自由变化的。
如果一个元素里的所有子元素都设置了浮动,而这个元素本身又没设置高度,它才会塌陷
为了做样式而做样式
板犬区。。。我第一反应竟然是犬夜叉
俗话说得好:磨刀不误砍柴工貌似更符合语境。。
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消