0
enter image description here Position fixiert Element überlappt in Fußzeile
<header class="entry-header">
\t \t <div class="right-side">
<h1 class="entry-title">Desk</h1><p>$99</p><p>500x200x600</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent molestie velit erat, nec porta diam fringilla vel. Nunc id euismod purus. Sed enim tellus, auctor a tempor eget, mattis sit amet massa. Etiam imperdiet elit eu faucibus vestibulum. Fusce ultrices ex quis turpis vulputate vehicula. Nulla laoreet vulputate nunc ac pretium. Pellentesque ac velit nec quam rhoncus sagittis eget porttitor lectus. Curabitur egestas vehicula lacinia. Proin ullamcorper, orci id dapibus viverra, libero ex imperdiet ex, quis lacinia dui dui vel est. Quisque condimentum nulla non elit rutrum, non mollis enim volutpat. Vestibulum mattis at magna sed porta. Cras venenatis ex dignissim nisl facilisis maximus. Integer efficitur vel augue vitae consequat. Sed ac fermentum lacus. Nulla facilisi.</p>
\t \t
\t \t \t <div class="before">
<p>Before:</p>
<img class="beforeimage" src="img.jpg" alt="" />
\t \t \t </div><!-- end before -->
\t \t </div><!--end right-side-->
\t \t
\t \t <!--repeater field-->
\t \t <div class="left-side">
\t \t
\t \t \t <ul class="slides">
\t \t \t
\t \t \t \t <li class="slide">
\t \t \t \t \t \t <img src="img1.jpg" alt="Featured Desk">
\t \t \t \t </li>
\t \t \t
\t \t \t \t <li class="slide">
\t \t \t \t \t \t <img src="img2.jpg" alt="Featured Desk">
\t \t \t \t </li>
\t \t \t
\t \t \t \t <li class="slide">
\t \t \t \t \t \t <img src="img3.jpg" alt="">
\t \t \t \t </li>
\t \t \t
\t \t \t \t <li class="slide">
\t \t \t \t \t \t <img src="img4.jpg" alt="">
\t \t \t \t </li>
\t \t \t
\t \t \t \t <li class="slide">
\t \t \t \t \t \t <img src="img5" alt="">
\t \t \t \t </li>
\t \t \t
\t \t \t </ul>
\t \t </div><!-- end left-side -->
\t \t <!--end single furniture repeater-->
\t \t \t
</header><!-- .entry-header -->Meine Seite ist in zwei Hälften geteilt. Das div, das die linke Seite umfasst, ist eine statische Position. Der div umfassende rechte Inhalt ist positionsfixiert. Das Problem, das ich habe, ist, wenn ich die Bildschirmbreite reduziere, die feste Position der rechten Seite überlappt in die Fußzeile. Es gibt auch eine div Surround links und rechts. Ich freue mich über jede Antwort/Vorschläge! Lassen Sie mich wissen, wenn mehr Kontext benötigt wird.
.left-side {
\t display: flex;
\t flex-direction: column;
\t width: 50%;
}
.right-side {
\t display: flex;
\t flex-direction: column;
\t margin-left: 50%;
\t position: fixed;
\t margin-right: $main-side-margins;
}
posten Sie Ihre html auch –
Beitrag, den Sie vollständigen Code oder eine Demo erstellen Sie bitte –
Sie sind nur für kleine Geräte das Problem haben. Verwenden Sie also die @ @ media-Abfrage für reaktionsschnelle und übergeordnete CSS. Bitte geben Sie den Code zum besseren Verständnis an. – acmsohail