相对div内的绝对div宽度

时间：2016-04-15 12:19:27

标签： javascript jquery html css

我遇到html / css问题。

  1. 我有一个容器（position: relative;），在我的情况下是div.jtk-demo-canvas
  2. Container里面有浮动div（position: absolute;），在我的例子中是div.jtk-window
  3. 浮动div应该具有（position: absolute;），因为它是js插件
    4. 的要求

    要求： 浮动div应该具有最小宽度200和最大宽度400.我不想应用宽度，因为它应该在200-400之间变化以适合其内容。

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

    我该如何解决这个问题？

    jsfiddle： https://jsfiddle.net/bababalcksheep/wm94sf2b/ 由于我有大量的HTML代码，因此我发布了小提琴链接。

    enter image description here

2 个答案:

答案 0 :(得分：2)

因为你给了他left:800px;并且你的身体是width: 960px;因为你的第3个div只有160px的位置

答案 1 :(得分：1)

尝试display: inline-table和position: relative来识别ID 117a13213-102 （选中 Chrome 和 Firefox ）

FIDDLE

<强> CODE 

<div style="left: 800px; top: 105px; display: inline-table; position: relative;" id="117a13213-102" class="flowBox jtk-window">
相关问题
最新问题