老师，麻烦看下代码，谢谢
来源：3-12 编程练习
叫我丽红
2021-04-15 10:50:07
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 100%;
height: 100%;
}
.leftad{
position: fixed;
left: 0;
top: 100px;
width: 50px;
height: 50px;
}
.rightad{
position: fixed;
right: 0;
top: 100px;
width: 240px;
height: 50px;
}
</style>
</head>
<body>
<div class="box">
<p>
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png" alt="">
</p>
</div>
<aside class="leftad">
<p>
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" alt="">
</p>
</aside>
<aside class="rightad">
<p>
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png" alt="">
</p>
</aside>
</body>
</html>
相关代码：
1回答
-
好帮手慕然然
2021-04-15
同学你好，代码实现效果基本没问题，但有两个小细节建议优化一下
1、右侧广告块部分建议紧贴网页右侧，如图
2、建议左侧广告块和右侧广告块相对于窗口垂直居中显示，如图
建议参考如下代码修改：
祝学习愉快！
0
相似问题
回答 1
回答 1
回答 1
回答 2
回答 1