關于絕對·定位的運用
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>相對參照元素進行定位</title>
<style type="text/css">
*{
? ? margin:0;
? ? padding:0;
}
ul,li{
? ? list-style:none;
}
.course-sidebar-search{
? ? margin:50px;
}
a{
? ? text-decoration:none;
}
#result{
? ? background-color:#ccccff;
? ? width:270px;
? ? margin:39px 0 0 -1px;
? ? position:absolute;
}
?
</style>
</head>
<body>
<div class="course-sidebar-search">
? ? <ul id="result" class="course-sidebar-result">
? ? ? ? <li><a href="http://www.xianlaiwan.cn/view/121">分享：css深入理解知float浮動</a></li>
? ? ? ? <li><a href="http://www.xianlaiwan.cn/view/118">案例：css圓角進化論</a></li>
? ? ? ? <li><a herf="http://www.xianlaiwan.cn/view/93">案例：css sprite圖應用</a></li>
? ? ? ? <li><a herf="http://www.imppc.com/view/77">案例：css3D特效</a></li>
? ? ? ? <li><a herf="http://www.xianlaiwan.cn/view/57">案例：如何用css進行網頁布局</a></li>
? ? ? ??
? ? ? ??
? ? </ul>
? ? <input class="course-search-input" placeholder="課程">
? ? <a href="javascript:" calss="course-search-bth">搜索</a>
</div>
</body>
</html>
為什么我給result加一個絕對定位，整個ul會跑到input下面去
2018-04-20
因為你在#result加入了
? ? position:absolute;