问题描述

关于div布局问题，怎样使div大小不随浏览器窗口大小改变

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
 .logo1{padding:0px 0px 0px 0px;background-color:#3a3c75;height:120px;width: 1000px;float: right}
.logo2{padding:0px 0px 0px 0px;background-color:red;height: 120px;width:500px ;background-image: url("./logo.png")}
</style>
</head>
<body>
<div class="logo1"></div>
<div class="logo2"></div>
</body>
</html>

俩个div同行，缩小浏览器窗口是总是一个将领一个覆盖。为什么

解决方案

宽度设置成百分比可以么？

解决方案二：

因为你设置了浮动，好好领悟一下浮动的定义