簡體   English   中英

相對div內的絕對div寬度

[英]Absolute div width inside relative div

我有html / css的問題。

  1. 我有一個容器( position: relative; ),在我的例子中是div.jtk-demo-canvas
  2. Container里面有浮動的div( position: absolute; ),在我的例子中這些是div.jtk-window
  3. 浮動div應該具有( position: absolute; ),因為它是js插件的要求

要求:浮動div應該具有最小寬度200和最大寬度400.我不想應用寬度,因為它應該在200-400之間變化以適合其內容。

但正如你可以看到,在我的情況下,右邊的最后一個div與第二個相同但寬度較小。

我怎樣才能解決這個問題 ?

jsfiddle: https ://jsfiddle.net/bababalcksheep/wm94sf2b/由於我有大量的HTML代碼,因此我發布了小提琴鏈接。

在此輸入圖像描述

因為你給了他left:800px; 你的身體width: 960px; 因為你的第3個div只有160px的位置

嘗試display: inline-tableposition: relative對於ID為117a13213-102的 div(在ChromeFirefox中檢查)

小提琴

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM