为了账号安全,请及时绑定邮箱和手机立即绑定

CSS问题,为什么我的布局会随着窗口大小改变而移动。

CSS问题,为什么我的布局会随着窗口大小改变而移动。

苟延残喘1 2017-05-10 18:30:41
<!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,还望见谅。
查看完整描述

2 回答

?
qq_药药_0

TA贡献52条经验 获得超27个赞

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

查看完整回答
反对 回复 2017-05-10
?
此ID又隐藏了

TA贡献7条经验 获得超3个赞

因为你没有对你的网页设置宽度固定值,那么,你的网页就默认为浏览器的大小,自然就会随着窗口大小进行变化

查看完整回答
反对 回复 2017-05-10
  • 2 回答
  • 0 关注
  • 3272 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信