<!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;
}
2018-01-30
因為里面的div設置了右浮動，子元素脫離了文檔流，要想父div有高度，需要在里面top_content的div后面添加一個清除浮動的div或者給父元素添加樣式overflow:hidden;