请问老师这个代码正确吗？谢谢。
来源：3-12 编程练习
慕斯卡2474635
2021-05-25 22:45:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
padding: 0;
margin: 0;
}
.box {
width: 100%;
height: 100%;
}
aside .left {
top: 50%;
left: 0;
position: fixed;
margin-top: -189px;
}
aside .right {
top: 50%;
right: 0;
position: fixed;
margin-top: -189px;
}
</style>
</head>
<body>
<div class="box">
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png" alt="">
</div>
<aside>
<div class="left">
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png" alt="">
</div>
<div class="right">
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" alt="">
</div>
</aside>
</body>
</html>
我想设置广告图片的宽度和高度，为什么设置不了
.box {
width: 150px;
height: 250px;
}
这个是错了吗
1回答
-
同学你好，代码布局没问题，样式上还可以完善
图片与父元素之间有缝隙，这是因为图片为行内元素，有文字特性，默认存在间隙。建议将图片设置为块元素，父元素设置高度与图片高度一致
另外针对提问回复：
给.box元素设置宽高没有错，但是图片宽高大于设置的150px，所以是超出的，看着没效果。可以给img设置宽高和box一样
自己再测试下，祝学习愉快！
0
相似问题