有效沟通问答-【官方】百战未来_IT在线教育培训机构

会员可以在此提问，百战未来老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 135131个问题

style>
        .box{
            width: 234px;
            height: 300px;
            background-color: pink;
            position: relative;
            overflow: hidden;
        }
        .box1{
            width: 100%;
            height: 76px;
            background-color: orange;
            /*绝对定位  相对于已经定位的父元素定位*/
            position: absolute;
            /*据父元素上面的距离为300px*/
            top: 300px;
            /*据父元素的左侧距离为0*/
            left: 0px;
        }
        /*鼠标悬停在box上，子代box1*/
        .box:hover>.box1{
           /*据父元素上面的距离变为224*/
            top: 224px;
        }
        .box2{
            width: 303px;
            height: 375px;
            background-color: red;
            position: relative;
        }
        .box2>img{
            width: 100%;
            height: 100%;
        }
        .box3{
            width: 100%;
            height: 100%;
            background-color: salmon(0,0,0,.2);
            position: absolute;
            top: 0px;
            left: 303px;
        }
        .box2:hover>.box3{
            left: 0;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="box1"></div>
    </div>
    <div class="box2">
        <img src="img/370ad36f-425c-453a-b406-ccb2a0dffeec.jpg" alt="">
        <div class="box3"></div>
    </div>
</body>
</html>

老师，我这个代码哪里不对吗？为啥达不到老师说的效果

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS常用属性 511楼

老师帮忙看一下我这输入框和右面图标之间总有缝隙，怎么回事

小米白色导航代码.txt

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 512楼

一、老师，请问在写项目时，文件夹CSS中的reset.css文件是如何导入的，还是说要自己写。谢谢

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 513楼

视频里面的主题颜色很多，我这完全不一样哎，视频里面是classic light, 我选择default才显示白色

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 514楼

/* shouji */

.content {

width: 100%;

background: #f5f5f5;

overflow: hidden;

padding: 4px 0 14px;

}

.title {

text-align: left;

color: #333;

font-size: 22px;

font-weight: 200;

line-height: 58px;

}

.phone-box {

width: 100%;

height: 614px;

}

.phone-left {

width: 234px;

height: 100%;

float: left;

}

.phone-right {

width: 990px;

height: 614px;

float: left;

}

.item {

width: 234px;

height: 300px;

background: #fff;

float: left;

box-sizing: border-box;

padding: 20px 0;

margin: 0 0 14px 12px;

}

老师按你的比例我右边就少一列我就减了2px，可是为什么跟你视频里的不一样呢

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 515楼

老师这节课的第二个实操，其实也有第二种方法，全部浮动向左好理解些。

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

/*清空浏览器默认边距*/

* {

margin: 0;

padding: 0;

}

.container {

height: 600px;

width: 600px;

}

.left {

float: left;

height: 600px;

width: 200px;

background-color: rgb(205, 196, 255);

}

.right {

float: left;

height: 600px;

width: 400px;

background-color: bisque;

}

.top {

height: 300px;

width: 400px;

background-color: rgb(28, 162, 196);

}

.bottom-left {

float: left;

height: 300px;

width: 200px;

background-color: rgb(196, 28, 196);

}

.bottom-right {

float: left;

height: 300px;

width: 200px;

background-color: rgb(109, 196, 28);

}

</style>

</head>

<body>

</div>

</body>

</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 516楼

同行显示的盒子是不是可以用span
div和span可不可以相互嵌套

WEB前端全系列/第一阶段：HTML5+CSS3模块/实体字符与元素分类 517楼

老师，你是怎么知道那三角形是8px的？不太清楚在火狐或Chrome浏览器的调试窗口中怎么找到这个白色三角形的位置？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 518楼

我想问一下，是不是如果父元素没有高度和宽度，子元素（块级元素）使用百分比设置高度和宽度就不生效，我记得好像讲过假如父级元素没有高度，就向上一级元素找宽度和高度？

WEB前端全系列/第一阶段：HTML5+CSS3模块/浮动与定位 519楼

老师，请问这里为什么要给root设置背景颜色gray，后面设置其他容器的颜色时会把root的颜色覆盖，不是显得多余吗？

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 520楼

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!--<p>src表示图片的名称和路径
    <p>alt表示图片的文本信息 当图片无法识别时提示图片内容 <br> wight表示图片的高度
    <p>height 表示图片的高度
     <p>title 鼠标悬停时提示信息
-->

<body>

    <img src="1.jpg" alt="华为手机" height="300px"  title="蓝色的华为手机">
</body>

</html>

老师您好如果用隐藏代码的格式备注信息，里面设置的段落P标签 br标签实际是否是无法显示应用的？

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 521楼

和楼下一样的问题，我们找的图片大小太大了。

刚才在csdn上面搜索了半天，也没找到解决方案。

就是列表的前面图片我们找的素材太大了。如何通过代码调整图片大小

问题和楼下的问题是一模一样的。如何解决呢？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS常用属性 522楼

浮动出现问题后，p标签不应该被上面的ul盖住吗？为什么p中文本正好是出现在ul文本的后面呢

WEB前端全系列/第一阶段：HTML5+CSS3模块/浮动与定位 523楼

你好老师，我这除了h3已经设置高度的，其他内容怎么撑不开高度显示不出来呐

</div>