请教老师关于文档流的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div class="banner">
<img src="images/banner3.jpg" class="banner-img">
<div class="message">
<ul>
<li><input type="text" name="" value="your Name"></li>
<li><input type="text" name="" value="your Phone"></li>
<li><input type="text" name="" value="your Email"></li>
<li><input type="textarea" name=""value="Write You Comment Here">
</li>
<li><input type="submit" value="SEND MESSAGE" name=""></li>
</ul>
</div>
</div>
</body>
</html>
.banner .banner-img{
width: 100%;
height: 800px;
opacity: 0.4;
float: left;
}
老师，请教一下，我将.banner .banner-img设置为float: left; ，它就是浮动的，那么<div class="message"></div>是不是应该显示在最上面，就是图片的下面，但是是在body的顶部啊，但是实际显示的效果是显示在图片的下方，这个是为什么呢
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星