CSS问题，为什么我的布局会随着窗口大小改变而移动。
<!DOCTYPE html>
<html>
<head>
<title>bili</title>
<meta charset="UTF-8" />
<script type="text/javascript">
</script>
<style type="text/css">
*{margin:0px;padding:0px;}
.dingbu {
width:100%;
height:180px;
background-image:url("imgs/beijing1.png");
}
.logo {
width:100px;
height:100px;
float:left;
}
.mine {
width:500px;
height:100px;
float:left;
}
.sousuo {
width:500px;
height:100px;
margin:0px auto;
float:right;
}
.mine a
{
text-decoration:none;
color:white;
}
.mine ol
{
font-size:20px;
font-family:黑体;
list-style:none;
}
.mine li
{
cellpadding:20px;
padding:20px;
float:left;
}
</style>
</head>
<body>
<div class="dingbu">
<div class="logo"><a href="主页.html" ><img src="imgs/标志.png" width=120px /></a></div>
<div class="mine">
<ol>
<li><a href="">首页</a></li>
<li><a href="">我的</a></li>
<li><a href="">发现</a></li>
<li><a href="">订阅</a></li>
<li><a href="">会员</a></li>
</ol>
</div>
<div class="sousuo">
<table cellspacing=0px>
<tr>
<td class="sz"> </td> <td class="sc"> <input type="text" name="text" value="搜索最新鲜的视频"/> </td> <td class="sy"> <button></button> </td> </tr>
</table>
</div>
</div>
</body></html>
初学CSS，还望见谅。
苟延残喘1浏览 3244回答 2
2回答
-
qq_药药_0
要么设置固定值，要么设置一个自适应窗口值 -
此ID又隐藏了
因为你没有对你的网页设置宽度固定值，那么，你的网页就默认为浏览器的大小，自然就会随着窗口大小进行变化
随时随地看视频慕课网APP
Html/CSS