老师看看代码是哪里敲错了
来源：3-3 表示层--图片区域
沉木岩
2020-08-15 19:01:07
*{
margin: 0;
padding: 0;
border: none;
}
html,body{
overflow: hidden;
height: 100%;
background: #93b3c6;
}
span{
display: block;
width: 16px;
height: 16px;
margin: 30px auto 40px;
border-radius: 50%;
background: #fff;
}
nav{
position: relative;
display: flex;
width: 78.125vw; /*相对单位，1vw等于可视窗口宽度的1%*/
margin: 0 auto 45px;
justify-content: space-between;
}
nav:before{
position: absolute;
top: 20px;
width: 100%;
height: 10px;
background: #fff;
display: block;
content: "";
}
nav > a{
position: relative;
font-size: 20px; padding: 10px; border: 2px solid #5395b4;
color: #255d7e;
text-decoration: none;
background: #fff;
}
div {
position: relative;
overflow: hidden;
width: 78.125vm;
height: 75vh;
margin: 0 auto;
background: #ffffff;
box-shadow: 0 0 30px 0 rgba(8, 1, 3, .3);
}
div > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 98%;
height: 96%;
}
----------------------------------------------------------------------------------------------------------------
老师好！
我的div好像并没有按照css设定的宽度来，而且浏览器的控制台出现了这句：解析 'width' 的值时出错。 声明被丢弃。
老师，还有些问题：
display: flex;
justify-content: space-between;
就是这两句样式是什么作用呢
2回答
-
好帮手慕码
2020-08-16
同学你好，可以自己解决一些问题非常棒，另，问题解答如下：
1、如下代码：表示弹性布局
display: flex; justify-content: space-between;
display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。
justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。
使用方法：
效果：
这个知识点会在第三阶段学到，建议同学不要着急，等学到第三阶段的时候再深入研究；
2、（1）定位的使用场景：定位是根据自己网页的需要的时候，想把某个元素的位置固定在哪里哪里或者相对于什么来定位；
（2）“position：relative;子元素里面加position: absolute; ”这种定位方式可以称为“父相子绝”即父级相对定位，子级绝对定位。 子级根据父级去定位，这样可以缩小定位范围，更加便利于布局。
（3）如果对于这块知识掌握的不牢固的话，建议再次复习下：https://class.imooc.com/course/757
3、可以使用负边距法，如下：
效果：
4、不是必须设置的。如果父级高度塌陷了，可以添加overflow: hidden; 来清除父级高度塌陷。如果对于这块不是非常了解的话，建议复习：https://class.imooc.com/course/756
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0 -
沉木岩
提问者
2020-08-15
老师好！
第一个问题我知道是怎么回事了。
老师帮我解答下面这些问题：
display: flex;
justify-content: space-between;
这两句代码是怎么用的呢？
还有：1、 一般在什么时候才需要用到position的相对和绝对定位功能呢，因为我记得在上一阶段的有些项目中有的盒子完全可以走普通流，可为什么老师都要加position：relative;子元素里面加position: absolute; 所以就导致我对它的用法有点儿懵懂？
2、浮动之后怎么水平居中？每次写浮动的时候都特别纠结这个问题，好像走margin: 0 auto; 上下左右都设置为0， margin: auto; 都行不通。
3、子元素只要设置了 float之后，是不是必须要在父元素里加 overflow: hidden; 来清除？而且一定不能省？
非常感谢老师的解答疑惑！
0
相似问题
回答 2
回答 1