烦请老师检查（定位4-3编程练习）另有2个问题
来源：4-3 编程练习
慕码人001272
2020-03-07 21:27:24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;
padding:0;}
.pre{width=100%;
height=auto
}
.tu1{
position:fixed;
top:50%;
left:20px;
margin-top: -182px;
}
.tu2{position:fixed;
top:50%;
right:20px;
margin-top: -182px;}
</style>
</head>
<body>
<div class="pre"><img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png"/></div>
<div class="tu1"><img class="tu11" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/></div>
<div class="tu2"><img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/></div>
</body>
</html>
-----------------------------------------
为什么我对.tu1和.tu2设置width以及height值毫无反应？另外我给对联图片添加新类（即img class=“”），再在新类中设置宽高属性还是没反应？请老师检查下我的代码是否大致规范准确，谢谢！
1回答
-
同学你好，代码中有些问题，属性与属性值之间使用的是冒号，而不是等号，可以参考下方修改：
广告栏紧贴在父级边缘，会更符合效果图，以左侧为例，代码如下：
关于同学的疑问，解答如下：
1、给.tu1和.tu2设置宽高是生效的，例如：
只不过，图片没有撑满父级，同学可能看起来像是没有生效。可以给图片设置宽高为100%，例如：
2、对img设置样式是生效的，如下：
效果：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题