关于CSS中的相对位置问题

来源:百度知道 编辑:UC知道 时间:2024/09/21 20:29:23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>下拉纵向及多级弹出式菜单www.aa25.cn</title>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.n

回答1:position:relative说的笼统点就是父参照的意思;只要表明下身份就可以了,然后,下面的所有position:absolute;都是和父参照来对比,比如写个left:5px;就表示这个absolute的左边离你定义的relative的元素的左边5px;
回答2:li:hover ul,li.over ul { display:block;}这个是缩写,意思和下面代码一样,当样式都一样时候可以缩写成上面的样子用逗号来分隔
li:hover{ display:block;}
ul{ display:block;}
.over ul { display:block;}
还有:hover表示鼠标移动到上面的样式的意思
.over ul 表示class等于over内所包含的所有ul标签的样式
就一个ul就表示页面所有ul的样式