javascript - 相对 div 内的绝对 div 宽度

标签 javascript jquery html css

我在使用 html/css 时遇到问题。

  1. 我有一个容器 (position: relative;) ,在我的例子中它是 div.jtk-demo-canvas
  2. 容器内部有 float div (position: absolute;),在我的例子中是 div.jtk-window
  3. float div 应该有 (position: absolute;) 因为这是 js 插件的要求

要求: float div 的最小宽度应为 200,最大宽度应为 400。我不想对其应用宽度,因为它应在 200-400 之间变化以适应其内容。

但正如您在我的例子中看到的那样,从右边开始的最后一个 div 与第二个相同,但它的宽度较小。

我该如何解决这个问题?

jsfiddle: https://jsfiddle.net/bababalcksheep/wm94sf2b/ 由于我有大量的 html 代码,因此我发布了 fiddle 链接。

enter image description here

最佳答案

因为你给了他 left:800px; 而你的 body 是 width: 960px; 因为你的第三个 div 只有 160px 的地方

关于javascript - 相对 div 内的绝对 div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36646996/

相关文章:

javascript - 如何从 HH :MM AM time string in Javascript? 中减去小时数

javascript - 从日期中添加/减去天数不会正确更改年/月

javascript - 为什么重命名 HTML 元素会删除其事件?

javascript - 使用其他方法附加文本不会触发文本框更改事件

javascript - IE、FF 和 Opera 中的 Div 位置行为

javascript - Nodejs,最好有很多相同的要求或使用句柄?

javascript - 一旦马克·扎克伯格删除 FBML,现有 FBML 代码会发生什么?

javascript - 如何获取<td></td>标签的post值

html - 仅在移动设备中控制 Bootstrap 行顺序

javascript - Facebook 页面不会自动调整为较小的内容