Absolute Positionierung und Ausblenden des Überlaufs
P粉451614834
P粉451614834 2023-08-21 19:30:21
0
2
450
<p>Wir haben zwei DIVs, eines in dem anderen verschachtelt. Wenn das äußere DIV nicht auf absolute Positionierung festgelegt ist, berücksichtigt das absolut positionierte innere DIV nicht die Überlaufausblendung des äußeren DIV. </p> <p><br /></p> <pre class="brush:css;toolbar:false;">#first { Breite: 200px; Höhe: 200px; Hintergrundfarbe: grün; Überlauf versteckt; } #zweite { Breite: 50px; Höhe: 50px; Hintergrundfarbe: rot; Position: absolut; links: 250px; oben: 250px; }</pre> <pre class="brush:html;toolbar:false;"><div id="first"> <div id="second"></div> <div id="third"></div> </div></pre> <p><br /></p> <p>Gibt es eine Möglichkeit, dafür zu sorgen, dass das innere DIV dem Überlaufverstecken des äußeren DIV folgt, ohne das äußere DIV so festzulegen, dass es absolut positioniert ist (da dies unser Gesamtlayout zerstören würde)? Außerdem ist die relative Positionierung für unseren inneren DIV keine Option, da wir einen Tabellen-TD „hervorheben“ müssen. </p> <p><br /></p> <pre class="brush:css;toolbar:false;">#first { Breite: 200px; Höhe: 200px; Hintergrundfarbe: grün; } #zweite { Breite: 50px; Höhe: 400px; Hintergrundfarbe: rot; Position: relativ; links: 0px; oben: 0px; }</pre> <pre class="brush:html;toolbar:false;"><table id="first"> <tr> <td> <div id="second"></div> </td> </tr> </table></pre> <p><br /></p> <p>Gibt es noch andere Möglichkeiten? </p>
P粉451614834
P粉451614834

Antworte allen(2)
P粉715304239

关于外部div使用position: relative呢?在隐藏内部div的例子中。由于没有指定top或left,它也不会在布局中移动。

P粉792026467

将外部的 <div> 设置为 position: relative,将内部的 <div> 设置为 position: absolute。这样应该适用于您。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage