2016-04-15 84 views
1

我对html/css有问题。相对格内的绝对div宽度

  1. 我有一个容器(position: relative;),在我的情况下,它是div.jtk-demo-canvas
  2. 集装箱有浮动的div(position: absolute;)内,于我而言,这些都是div.jtk-window
  3. 浮动的div应该有(position: absolute;),因为它为JS插件要求

要求: 浮动的div应具有最小宽度的200和max-WI dth为400.我不想将宽度应用于它,因为它应该在200-400之间变化以适应其内容。

但正如你可以看到在我的情况下右边的最后一个div与第二个div相同,但宽度较小。

我该如何解决这个问题?

的jsfiddle:https://jsfiddle.net/bababalcksheep/wm94sf2b/ 因为我有大的HTML代码,所以我张贴小提琴链接。

enter image description here

回答

2

,因为你给了他left:800px;,你的身体是width: 960px;为您3格只有160像素地方

+0

肯定的,但它应该是滚动因为溢出启用 – django

1

尝试display: inline-tableposition: relative用id来div的117a13213-102(经过在Firefox

FIDDLE

CODE

<div style="left: 800px; top: 105px; display: inline-table; position: relative;" id="117a13213-102" class="flowBox jtk-window"> 
+1

作品..将验证在其他浏览器 – django

+0

我以前没弄明白但因为我使用jsplumb它要求这些div是'''position:absolute;''' – django