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


蒹葭苍沧
2020-09-14
html,body{
width: 100%;
height: 100%;
}这样就可以了
蒹葭苍沧
2020-09-14
哎,怎么切啊,这个不好搞啊
蒹葭苍沧
2020-09-14
简单说就是子元素继承父元素的position属性
TokugawaNakashima
2020-09-10
width:500px; height:500px; 宽高后面要带单位 px
鼬神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
是的,但是必须和position 属性搭配使用
慕无忌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
假如父元素为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
在没有设置z-index的情况下,相对定位和绝对定位的层级关系是顺序关系。
挽哥哥
2019-10-24
挽哥哥
2019-10-24
auto,number,inherit
极致艺术港仔
2019-10-21
一句话就是z-index的决定方式:所属的层叠上下文和元素本身的层叠级别
weixin_慕斯卡4157084
2019-10-07
y轴(负)
qq_我不可以不笑的_iryHIV
2019-07-27
不等同。left:50px,表示距离左边50px,实际是向右偏移;left:-50px表示距离左边-50px,实际是向左偏移。
right:50px,表示距离右边的距离。
qq_慕设计8311266
2019-07-18
写div层,在设置背景色background:rgba(0,0,0,0.8),其中0.8是控制该背景色的透明程度
慕瓜2019
2019-07-11
我明白为什么了
慕设计8092143
2019-07-10
alt + tab切换窗口
慕设计8092143
2019-07-10
position:relative这个语句少了一个分号
慕侠1197081
2019-06-03
可以用
li { display: inline-block;}
li { float :left;}
这两个二选一
精慕门9489428
2019-05-30
感觉你再hover后面没有跟对相关class 建议贴出代码 一起鉴赏下
170050122_杨
2019-05-14
老师是用mac系统,有类似的ide,sublimetext3
慕九州5488076
2019-05-08
问题2:relative是相对于原来的位置进行的偏移,而且不脱离文档流,还是占据之前的空间位置,这样显示是对的
qq_hollow_cmvOR0
2019-04-20
top正为向下负为向上
left正为向右负为向左
就像我们之前的以为老师说的:你试试啊,试试电脑又不会爆炸
aaagain
2019-04-14
是二级块不能居中吗
慕粉4805097
2019-04-12
做出来了
慕设计6273740
2019-03-28
去掉外边界和内边界距离
慕容0338126
2019-03-13
div宽度的值固定不变 用px div宽度的值需要跟随父级div的变化而变化 用百分比
慕粉2222164936
2019-03-11
已解决
慕九州7049358
2019-02-20
.nav-li ul li:haver .list-3{display:block }你把hover写成了haver改一下就好了