猿问

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
浏览 3274回答 2
2回答

qq_药药_0

要么设置固定值,要么设置一个自适应窗口值

此ID又隐藏了

因为你没有对你的网页设置宽度固定值,那么,你的网页就默认为浏览器的大小,自然就会随着窗口大小进行变化
随时随地看视频慕课网APP
我要回答