【问题标题】:Add a div with width occupying space between multiple floating divs在多个浮动 div 之间添加一个宽度占用空间的 div
【发布时间】:2018-01-30 14:41:04
【问题描述】:

设置 html 以使 div 在调整浏览器窗口大小时不会进入下一行的最佳方法是什么? *如果宽度是按百分比设置的,并且每个 div 都指定了最小宽度,则它不起作用。

Demo fiddle

【问题讨论】:

  • 一个空的 JSFiddle 没有多大用处。请使用StackSnippet 在您的问题中添加您的代码
  • jsfiddle.net/rvrjp7/6zyrxotb 试图在帖子中插入链接但给出错误。
  • 然后阅读错误,不要忽略它 - 即错误表明您不能只发布小提琴链接,代码必须也包含在问题中
  • 好吧,那就忽略它和我们的 cmets,祝你好运

标签: html word-wrap


【解决方案1】:

你可以使用css的calc函数 width: calc( 100% - 70px );

100% 是父级的总宽度 70px 是 20px div * 3 + 它的边框和内边距

这将一直有效,直到其他 3 个 div 具有固定宽度

jsFiddle

【讨论】:

  • 是的,如果宽度是固定的,它将起作用。但我想保持第二个 div (id="left2") 以最小宽度响应。
猜你喜欢
  • 2011-04-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-09
  • 1970-01-01
  • 2012-11-25
  • 2010-10-01
相关资源
最近更新 更多