猿问

各位帮忙看下,这是什么问题。谢谢

我想呈现以下展示效果:

实际展示效果如下:

https://img2.mukewang.com/5bc19c700001e62e06420421.jpg

代码如下:

https://img.mukewang.com/5bc19c87000131e407320423.jpg

帮忙看下为什么span box2没有生效呢

ZA4
浏览 737回答 1
1回答

聪明的汤姆

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.box {position: relative;width: 600px;height: 400px;background: pink;border: 1px solid green;margin: 0 auto;}.box span {width: 80px;height: 30px;background: yellow;border: 1px solid green;}.box1 {position: absolute;top: 10px;left: 10px;}.box2 {position: absolute;bottom: 10px;right: 10px;}</style></head><body><div class="box"><span class="box1">box1</span><span class="box2">box2</span></div></body></html>
随时随地看视频慕课网APP
我要回答