【问题标题】:CSS div's not scaling properly with it's child to max width and when it does it wont be 100%CSS div 的子级不能正确缩放到最大宽度,当它发生时它不会是 100%
【发布时间】:2015-06-25 06:51:45
【问题描述】:

无论如何,我试图让我的菜单始终是 html/body 宽度的 100%。

我认为它可以正常工作,直到我降低屏幕尺寸并注意到子 div #menu 正在缩放,而父 #top 没有。当我让它们在较小的屏幕上相互缩放时,当菜单小于屏幕尺寸时,他们不想达到 100% 的宽度。

这让我发疯了,尝试了很多不同的浮动方式,display inline-block,定位等。但无法同时获得两种方式来扩展我想要的方式。

https://jsfiddle.net/pLt418pc/

【问题讨论】:

  • 请将代码插入问题本身。
  • 让它与#top 中的最大宽度一起工作.. 但现在最后两个 div 不会那么容易缩放。 jsfiddle.net/1Larddut

标签: html css parent scaling


【解决方案1】:

你在用什么 float:left ? 干得好。猜我正确理解你的问题 jsfiddle

【讨论】:

  • 所以,对于小型设备,顶部菜单使用水平滚动
  • 当我接近 400 像素宽度时,这是我的计划,但这个菜单非常大,滚动条已经接近 800 像素。假设我可以更早地添加较小的菜单,但它仍然应该是可以这样做。
  • 对我来说很难理解为什么不使用带有汉堡图标的折叠菜单或类似的东西:scotch.io 在小屏幕上。这是你的意见。如果不重新设计您的菜单,我想,这是不可能的。
猜你喜欢
  • 1970-01-01
  • 2019-08-31
  • 1970-01-01
  • 2011-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-22
  • 2011-09-14
相关资源
最近更新 更多