免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › PHP › 如何固定两个div
最近访问板块 发新帖
查看: 1964 | 回复: 3
打印 上一主题 下一主题

如何固定两个div [复制链接]

a.a

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2012-10-29 11:27 |只看该作者 |倒序浏览
本帖最后由 a.a 于 2012-10-29 11:34 编辑

在一个页面中的两个div

  2. <div id="wrapper">
  3.   <div id="div1" style="float:left"></div>
  4.   <div id="div2" "float:left"></div>
  5. </div>
复制代码
如何写css可以让div1,div2的大小始终不变化。即使用浏览器的大小变化，他们的位置固定不变的。
尝试了将div1/2 的possion设置为static，但是当浏览器的大小变化时，会发生覆盖的情况。
css该如何设计，请高手指点指点。先行谢过。
satrun7

论坛徽章:
0
2楼 [报告]
发表于 2012-10-30 09:36 |只看该作者
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <style>
  5. html,body,div {margin:0;padding:0,border:0;}
  6. #wrapper {width:960px;height:500px;margin:0 auto;background:#ccc;position:relative;}
  7. #div1 {width:320px;height:200px;float:left;background:#ffe00f;}
  8. #div2 {width:320px;height:200px;float:left;background:#0cd3e1;}
  9. </style>
  10. </head>
  11. <body>
  12.         <div id="wrapper">
  13.           <div id="div1"></div>
  14.           <div id="div2"></div>
  15.         </div>
  16. </body>
  17. <html>
复制代码
给div1,div2的父级div设置宽度的固定值就行了。
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
linux_c_py_php

论坛徽章:
4
水瓶座 日期:2013-09-06 12:27:30摩羯座 日期:2013-09-28 14:07:46处女座 日期:2013-10-24 14:25:01酉鸡 日期:2014-04-07 11:54:15
3楼 [报告]
发表于 2012-10-30 15:16 |只看该作者
我还真没见过覆盖的, 只要宽度控制在960~980像素, 一般的手机与电脑分辨率都是可以正常拉伸压缩的.
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
a.a

论坛徽章:
0
4楼 [报告]
发表于 2012-10-31 10:17 |只看该作者
回复 2# satrun7
原来是这样。非常感谢lz的指点。


   
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP