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

在CSS样式里面设置了高度,为什么到了浏览器里面就没了

http://img1.sycdn.imooc.com//5a6fecb60001706c19201041.jpg

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>

	<body>
		<div class="top">
			<div class="top_content">
				<ul>
					<li>设为首页</li>
					<li>加入收藏</li>
					<li>练习我们</li>
				</ul>
			</div>
		</div>
	</body>
</html>

//全局设置
*{	margin:0;
	padding:0;
	font-size:12px;
	}
body{
	background-color:#F5F5F5;
}
设置top样式
.top{
	width:100%;
	height:27px;
	background:url(../img/ad.jpg) repeat-x;
}
.top_content{
	width:1000px;
	margin:0 auto;
}
.top_content{
	list-style-image:url(../img/li_bg.gif);
	float:right;
	width:120px;
}


正在回答

0 回答

因为里面的div设置了右浮动,子元素脱离了文档流,要想父div有高度,需要在里面top_content的div后面添加一个清除浮动的div或者给父元素添加样式overflow:hidden;

0 回复 有任何疑惑可以回复我~
#1

慕瓜5179898 提问者

非常感谢!
2018-01-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

在CSS样式里面设置了高度,为什么到了浏览器里面就没了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信