2016-04-15 25 views
1

Ich habe ein Problem mit HTML/CSS.Absolute div Breite innerhalb relativ div

  1. Ich habe einen Behälter (position: relative;), ist es in meinem Fall ist div.jtk-demo-canvas
  2. Container hat Floating divs (position: absolute;) nach innen, in meinem Fall ist dies div.jtk-window
  3. Floating divs haben sollte (position: absolute;), wie es ist Voraussetzung für js Plugin

Voraussetzung: Schwimmdock divs min-Breite von 200 und max-wi haben sollte dth von 400. Ich möchte Breite nicht anwenden, wie es zwischen 200-400 variieren sollte, um seinen Inhalt zu passen.

Aber wie Sie in meinem Fall sehen können, ist das letzte div von rechts dasselbe wie das zweite, aber seine Breite ist geringer.

Wie kann ich das beheben?

jsfiddle:https://jsfiddle.net/bababalcksheep/wm94sf2b/ Da ich große HTML-Code haben, damit ich Geige Link bin Entsendung.

enter image description here

Antwort

2

, weil Sie gab ihm left:800px; und Ihr Körper ist width: 960px; für, dass Ihr drittes div nur 160px Ort

+0

ja, aber es soll blättern, da Überlauf – django

1

display: inline-table und position: relative Versuchen mit id 117a13213-102 (Häkchen in Chrome div und Firefox)

FIDDLE

CODE

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

Werk aktiviert ist .. wird auf anderen Browsern überprüfen – django

+0

Ich habe es nicht vor, herauszufinden, aber da ich jsplumb verwende und es erfordert, dass diese divs '' 'position: absolute;' '' sind – django

Verwandte Themen