 徐来徐生
      2021-10-12
      徐来徐生
      2021-10-12
    
     是这个吗?老师设置了一个并列的div元素,所以绝对定位的div在名为box的下面。
是这个吗?老师设置了一个并列的div元素,所以绝对定位的div在名为box的下面。


 蒹葭苍沧
      2020-09-14
      蒹葭苍沧
      2020-09-14
    
    html,body{
    width: 100%;
    height: 100%;
}这样就可以了
 蒹葭苍沧
      2020-09-14
      蒹葭苍沧
      2020-09-14
    
    哎,怎么切啊,这个不好搞啊
 蒹葭苍沧
      2020-09-14
      蒹葭苍沧
      2020-09-14
    
    简单说就是子元素继承父元素的position属性
 TokugawaNakashima
      2020-09-10
      TokugawaNakashima
      2020-09-10
    
    width:500px; height:500px; 宽高后面要带单位 px
 鼬神ss
      2020-04-07
      鼬神ss
      2020-04-07
    
    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
.zed{
width:160px;
height:120px;
position:absolute;
left:0;
top:50%;
margin-top:-60px;
}
li{
list-style:none;
width:160px;
height:40px;
border-bottom:1px solid #ccc;
background:red;
text-align:center;
line-height:40px;
position:static;
}
.faker{
display:none;
width:160px;
height:120px;
position:relative;
left:160px;
top:-40px
}
.faker li{
width:160px;
height:40px;
border-bottom:1px solid yellow;
text-align:center;
line-height:40px;
}
.alex{
display:none;
width:160px;
height:120px;
position:absolute;
left:160px;
top:50%;
margin-top:22px;
}
.zed>li:hover{
background:blue;
}
.zed>li:hover .faker{
display:block;
}
.zed>li:hover ul li{
background:blue;
}
.faker>li:hover{
background:blue;
}
.faker>li:hover .alex{
display:block;
}
.faker>li:hover ul li{
background:blue;
}
</style>
</head>
<body>
<ul class="zed">
<li>精品资源
<ul class="faker">
<li>魏无羡</li>
<li>魏婴</li>
<li>蓝忘机</li>
</ul>
</li>
<li>慕课网
<ul class="faker">
<li>html</li>
<li>css</li>
<li>javascript
<ul class="alex">
<li>亚索</li>
<li>嘉文四世</li>
<li>泰隆</li>
</ul>
</li>
</ul>
</li>
<li>编程达人
<ul class="faker">
<li>马化腾</li>
<li>李彦宏</li>
<li>马云</li>
</ul>
</li>
</ul>
</body>
</html>
同学是这个,前面用猎豹浏览器复制格式就乱了
 qq_慕勒3396658
      2020-03-18
      qq_慕勒3396658
      2020-03-18
    
    是的,但是必须和position 属性搭配使用
 慕无忌4172087
      2020-03-18
      慕无忌4172087
      2020-03-18
    
    css的优先级是后面大于前面,但是这个得是在权重一样的情况下,权重不一样的情况下权重大的优先。你.first_ ul li的权重大于.third li,为什么呢,class选择器权重是10,标签选择器是1。(权重) .first_ ul li = 10 + 1 + 1 = 12。.third li = 10 + 1=11.。 12 > 11 所以无法覆盖
 qq_瓶中沙_2
      2019-12-03
      qq_瓶中沙_2
      2019-12-03
    
    假如父元素为div,子元素为ul,div高度之所以设置成auto,是因为一开始不知道里面有几个li,这样的话,div的高度可以由li来撑开。然后就分为两种情况了:
第一种,你知道每个li的高度,且知道一共多少个li,假如每个li的高度为40px,一共3个li,那么div的高度就是120px。相应的,给div设置margin-top:-60px就可以达到垂直方向居中的效果。
第二种,你无法确定li的高度和数量的时候,那么div的高度也就无从得知。这个时候可以这么给div设置:
div{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
再给div设置top:50%之后,加上transform:translateY(-50%),这句代码的意思是div沿着垂直方向向下移动自身高度-50%的距离,实际效果也就是div会向上移动自身高度的50%,这样div在垂直方向上就居中了。
其实比较建议这种设置方法,无论div的高度是否知道,这样都可以使div绝对垂直居中。
 okkkkkk
      2019-11-28
      okkkkkk
      2019-11-28
    
    在没有设置z-index的情况下,相对定位和绝对定位的层级关系是顺序关系。
 挽哥哥
      2019-10-24
      挽哥哥
      2019-10-24
    
     挽哥哥
      2019-10-24
      挽哥哥
      2019-10-24
    
    auto,number,inherit
 极致艺术港仔
      2019-10-21
      极致艺术港仔
      2019-10-21
    
    一句话就是z-index的决定方式:所属的层叠上下文和元素本身的层叠级别
 weixin_慕斯卡4157084
      2019-10-07
      weixin_慕斯卡4157084
      2019-10-07
    
    y轴(负)
 qq_我不可以不笑的_iryHIV
      2019-07-27
      qq_我不可以不笑的_iryHIV
      2019-07-27
    
    不等同。left:50px,表示距离左边50px,实际是向右偏移;left:-50px表示距离左边-50px,实际是向左偏移。
right:50px,表示距离右边的距离。
 qq_慕设计8311266
      2019-07-18
      qq_慕设计8311266
      2019-07-18
    
    写div层,在设置背景色background:rgba(0,0,0,0.8),其中0.8是控制该背景色的透明程度
 慕瓜2019
      2019-07-11
      慕瓜2019
      2019-07-11
    
    我明白为什么了
 慕设计8092143
      2019-07-10
      慕设计8092143
      2019-07-10
    
    alt + tab切换窗口
 慕设计8092143
      2019-07-10
      慕设计8092143
      2019-07-10
    
    position:relative这个语句少了一个分号
 慕侠1197081
      2019-06-03
      慕侠1197081
      2019-06-03
    
    可以用
li { display: inline-block;}
li { float :left;}
这两个二选一
 精慕门9489428
      2019-05-30
      精慕门9489428
      2019-05-30
    
    感觉你再hover后面没有跟对相关class 建议贴出代码 一起鉴赏下
 170050122_杨
      2019-05-14
      170050122_杨
      2019-05-14
    
    老师是用mac系统,有类似的ide,sublimetext3
 慕九州5488076
      2019-05-08
      慕九州5488076
      2019-05-08
    
    问题2:relative是相对于原来的位置进行的偏移,而且不脱离文档流,还是占据之前的空间位置,这样显示是对的
 qq_hollow_cmvOR0
      2019-04-20
      qq_hollow_cmvOR0
      2019-04-20
    
    top正为向下负为向上
left正为向右负为向左
就像我们之前的以为老师说的:你试试啊,试试电脑又不会爆炸
 aaagain
      2019-04-14
      aaagain
      2019-04-14
    
    是二级块不能居中吗
 慕粉4805097
      2019-04-12
      慕粉4805097
      2019-04-12
    
    做出来了
 慕设计6273740
      2019-03-28
      慕设计6273740
      2019-03-28
    
    去掉外边界和内边界距离
 慕容0338126
      2019-03-13
      慕容0338126
      2019-03-13
    
    div宽度的值固定不变 用px div宽度的值需要跟随父级div的变化而变化 用百分比
 慕粉2222164936
      2019-03-11
      慕粉2222164936
      2019-03-11
    
    已解决
 慕九州7049358
      2019-02-20
      慕九州7049358
      2019-02-20
    
    .nav-li ul li:haver .list-3{display:block }你把hover写成了haver改一下就好了