两个div都往一边浮动即可，一个宽度固定，一个宽度自动 <- 中国开发网

账号

中国开发网: 论坛: 程序员情感CBD: 贴子 529450

李战 · 2007-06-25 03:00:33 · 阅读: 890

两个div都往一边浮动即可，一个宽度固定，一个宽度自动

.fixed {
float: left;
width: 200px;
}
.fill {
float: left;
width: auto;
}

相关信息:

[技术贴]请教 css 问题 (68字) (holly [718] 2007-06-24 12:25)
- 大牛怎么也会写网页？ (19字) (haitao [507] 2007-06-24 13:08)
  - 这年头, 啥都得会一点. (20字) (holly [509] 2007-06-24 13:22)
    - 革命工作不分贵贱 (7字) (haitao [1028] 2007-06-24 13:53)
      - 不对 (21字) (holly [468] 2007-06-24 14:03)
        你说的是丁凯？ (空) (jacky1936 [564] 2007-06-24 14:50)
        丁凯是 who? 不认识的说 (空) (holly [505] 2007-06-24 15:03)
        我忘了 (空) (jacky1936 [542] 2007-06-24 15:53)
        CFIDO时代有个丁凯倒算是个名人，好比高春辉之流，不过都已经被飘打去了 (空) (Fish [552] 2007-06-24 17:15)
        曾经有一段时间 (30字) (jacky1936 [622] 2007-06-24 19:49)
        靠，记错了，是丁磊 (空) (jacky1936 [531] 2007-06-24 22:14)
- 偶们主页的一段代码，供参考。。。 (1030字) (mhappy [627] 2007-06-24 15:25)
  - 改了，请重新看。。。 (空) (mhappy [459] 2007-06-24 15:28)
  - Sorry, 偶只能改 css, 不能动 javascript (空) (holly [483] 2007-06-24 17:28)
- 大哥,该用table就用,不必那么执著. (空) (有狐 [517] 2007-06-24 16:00)
  - div+css,娃哈哈～ (空) (mhappy [515] 2007-06-24 16:01)
  - 不是偶执着, 是偶只能改 css (空) (holly [481] 2007-06-24 17:26)
- 靠，你这不是宽度自动适应浏览器宽度嘛。俺是用 Table 来实现这个要求的。DIV没试过。 (空) (pcplayer [717] 2007-06-24 17:12)
  - 不是偶执着, 是偶只能改 css (空) (holly [0] 今天 17:26 ) (空) (holly [468] 2007-06-24 17:26)
- 我不怎么会CSS，写了这么一段，搞定 (256字) (Miracle [603] 2007-06-24 17:30)
  - bs 没看清要求的 (8字) (holly [452] 2007-06-24 17:31)
    - 哦，哈哈。刚看了一下，其实我的代码工作不正常。看CSS大牛的了 (空) (Miracle [493] 2007-06-24 17:35)
- 哦，理解错了。 (空) (zhong [424] 2007-06-24 18:57)
- 娃哈哈，百度一下，同样的需求。。。搞定 (1032字) (mhappy [639] 2007-06-24 20:22)
  - 既然你百度了,我就不写了 (11字) (JoJo [628] 2007-06-24 20:38)
    - 可惜啊, 你基本得很有问题啊 (13字) (holly [447] 2007-06-24 21:06)
  - 可惜啊, 这个结果还是不对的 (72字) (holly [477] 2007-06-24 21:04)
    - 你确定？ (26字) (mhappy [520] 2007-06-24 21:13)
      - 偶当然早试过了 (49字) (holly [661] 2007-06-24 21:20)
        直接测试第一段完整HTML代码，偶这里正常。 (空) (mhappy [502] 2007-06-24 21:21)
        偶用IE6SP1,活力牛用的其他，哈哈 (空) (mhappy [499] 2007-06-24 21:26)
      - firefox里会叠起来，加个border就看见了 (空) (品雪 [552] 2007-06-24 21:22)
        我在 FireFox 下测试 mhappy 的代码，就是2个并排的色块，并且右边色块宽度自动充满。我调整了浏览器的宽度来测试的。 (空) (pcplayer [656] 2007-06-24 22:02)
        你没仔细看, 其实是黄的充满全部, 红的左边一块且盖在黄的上面 (空) (holly [477] 2007-06-24 22:07)
        原来如彼！再看看。 (空) (pcplayer [436] 2007-06-24 22:26)
- 找了一个用margin解决问题的办法 (1670字) (Miracle [824] 2007-06-25 07:28)
  - 我靠，代码高亮咋这么乱，没没进去看看。发个纯文字版的 (1648字) (Miracle [698] 2007-06-25 08:11)
    - 活力牛，这种方案符合需求否？ (空) (Miracle [498] 2007-06-25 11:22)
      - 不能自己再嵌一层 <div> (空) (holly [592] 2007-06-25 11:25)
        不用啊，我来写一段，你看看咋样 (225字) (Miracle [558] 2007-06-25 11:59)
- 两个div都往一边浮动即可，一个宽度固定，一个宽度自动 (84字) (李战 [889] 2007-06-25 11:00)
  - 在 FireFox 下测试，不行。width: auto 那个增加 Float: Left 后，消失了。 (空) (pcplayer [690] 2007-06-25 11:08)
    - div布局最头痛的也就是浏览器兼容问题，一般可以把第二个div宽度设为某个较大值来代替auto (空) (李战 [696] 2007-06-25 11:20)
      - 较大值就直接把第二个 div 弄到下面去了 (空) (holly [508] 2007-06-25 11:25)
        那就只能在最上层套一个div，指定网页最大宽度，下面两个都用相适应的固定宽度。不过 (108字) (李战 [1426] 2007-06-25 11:35)
  - 可惜, 您又想当然了 (3字) (holly [484] 2007-06-25 11:20)
    - mozilla, opera, safari 都不行 (空) (holly [532] 2007-06-25 11:26)
    - 以前常想追求完美，当然现在已经不想了。 (空) (李战 [472] 2007-06-25 11:38)
- 你解决没有阿,我这个合适么? (595字) (有狐 [965] 2007-06-25 11:29)
  - 如果光测试这段代码的话,IE7,Firefox,Safari似乎都对 (空) (有狐 [497] 2007-06-25 11:35)
  - bs不看偶贴的。。。 (4字) (mhappy [566] 2007-06-25 11:36)
    - 不一样。你的那段代码效果不同。 (空) (pcplayer [385] 2007-06-25 11:37)
    - .....哪个帖子阿?没注意看 (空) (有狐 [506] 2007-06-25 11:37)
  - 成功。 (空) (pcplayer [436] 2007-06-25 11:36)
  - 这个在 mozilla, opera 上都行, 就是 ie 里不行, 右边的 div 宽度成为计算出的宽度 (空) (holly [536] 2007-06-25 11:38)
    - 那只能在css hack (空) (有狐 [441] 2007-06-25 11:39)
      - 不过 ie 对 css 的支持一贯是出了名的有问题的 (空) (holly [431] 2007-06-25 11:41)
        嗯.IE有个自己的Layout,非常怪异 (空) (有狐 [409] 2007-06-25 11:44)
    - 不对阿,我测试IE7 和 FireFox效果一致 (空) (有狐 [421] 2007-06-25 11:41)
      - 靠, ie 真变态. xhtml 就一样. 去掉 xhtml 的头和 attr 就不对 (空) (holly [440] 2007-06-25 11:47)
        是的,DOCTYPE有无差别很大,没有DOCTYPE是"怪异"模式 (空) (有狐 [499] 2007-06-25 11:49)
        也许你该用CSS Hack,在DOCTYPE前空一行,这样IE是怪异模式,FF和其他浏览器会正常按照DOCTYPE解释 (空) (有狐 [830] 2007-06-25 11:50)
        刚测试的结果是IE7好像和IE6不同了,DOCTYPE前是否空行效果一样 (空) (有狐 [685] 2007-06-25 11:53)
        貌似如果是 xhtml ie7 会相对规范一些, 非 xhtml 就照自己的来了 (空) (holly [452] 2007-06-25 11:53)
        有时间你就好好看看这里的内容:http://cssplay.co.uk/layouts/index.html,应该很有帮助 (31字) (有狐 [557] 2007-06-25 11:55)
        Thanks a lot (空) (holly [408] 2007-06-25 11:57)
  - position:absolute;有时候不太好 (空) (咔波碧宝 [652] 2007-06-25 11:38)
    - 如果绝对，都要绝对。绝对布局最简单，可以精确计算，但常常会被内容撑爆。 (空) (李战 [474] 2007-06-25 11:43)
      - 结论：浏览器布局基本不可控。所以，能避则避。 (空) (pcplayer [441] 2007-06-25 11:47)
  - 也许你的页面又不一定适合position:absolute..... (空) (有狐 [473] 2007-06-25 11:39)
    - 呵呵, 没关系. 只要局限在 css 范围内都行 (空) (holly [419] 2007-06-25 11:40)
      - 如果内嵌的肯定出问题 (空) (咔波碧宝 [437] 2007-06-25 11:42)
- 这个不难吧float:left就可以了吧 (空) (咔波碧宝 [471] 2007-06-25 11:37)

欢迎光临本社区，您还没有登录，不能发贴子。请在这里登录

页面内容处理时间: 0.029 - 597440