C
2017-08-28 07:42
采纳率: 50%
浏览 2.4k

CSS+div网页设计,放大缩小后网页控件乱序的问题

最近在学习用VS2010设计网站,网站设计好之后看着没有什么问题,但是在浏览器上放大或者缩小页面之后里面的div位置就乱了,有没有大神知道怎么固定他们的位置啊,我想实现的是放大页面,本来在一行的两个div也不会变成两行,而是出现上下和左右的滑动条,缩小页面,整个页面就缩小且靠右上,右边和下边留白。
大概就像这样:
图片说明

图片说明

请问会的人这怎么修改呀,十分感谢,

另外我的网页比较简单,只有div和ul,li的嵌套等等。附上代码吧。
图片说明

图片说明

中也只定义了background,color,margin,padding,width,heigth等基本属性,没有其他特别的。不过有的width是**px,有的是**%。不知道影响没。

还请大家不吝赐教,实在感谢!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • cloudyzhao 2017-08-28 07:49
    已采纳

    **px是固定多少个像素 不会随着你的浏览器大小改动而改动 **%是当前div在上层div中的百分比会随着上层的大小而改动
    位置要用相对位置 h2{position: absolute; top: 60%; margin-top: -0.6em; left: -10px; padding-left: 0.9em; font-size: 2.0em; line-height: 1em;color:#FF0000;}
    http://www.w3school.com.cn/ 里面很多基础操作你会用得到

    点赞 打赏 评论
  • itheima_Wujie 2017-08-28 08:03

    应该是你设置的定位有问题。不要把具体的位置设置成具体的px,要以相对的大小来设置

    点赞 打赏 评论
  • show_code 2017-08-28 08:23

    知道媒体查询吗?也就是通常说的响应式,你说的大概就是要把你的网站做成响应式的,根据不同的大小有不同的显示风格,那你去看看
    基于媒体查询的响应式吧,也不难,就是样式要多写几套而已,不同的页面宽度,写不一样的样式

    点赞 打赏 评论
  • IAmObject 2017-08-28 09:06

    当然是有影响的,还是要最好设置成百分比,这样的响应式布局

    点赞 打赏 评论

相关推荐 更多相似问题