Div innerhalb eines anderen div versucht, aus seinem Platz zu gehen

Ich habe ein div in einem anderen div Block, aber wenn ich ins mobile gehen geht es die Div Eltern, dass es in. Die Website ist hier -> Tsuts. tskoli.is/2t/2809984199/skapalonDiv innerhalb eines anderen div versucht, aus seinem Platz zu gehen

.Projectkort, .zoomimg .projectkorttextarea und was folgt, dass diejenigen, sind auch sehen @media max Breite 486px

.projectkort { 
 
    margin: 7px; 
 
    display: inline-block; 
 
    width: calc(100% - 14px); 
 
    height: 285px; 
 
    background-color: white; 
 
    border-radius: 3px; 
 
    margin-right: 10px; 
 
    margin-top: 10px; 
 
} 
 
.zoomimg { 
 
    margin: 7px; 
 
    width: calc(100% - 14px); 
 
    height: 215px; 
 
    transition: all .3s ease; 
 
    opacity: 0.8; 
 
    position: relative; 
 
    overflow: hidden; 
 
} 
 
.zoomimg img { 
 
    height: 100%; 
 
    width: 100%; 
 
    transition: all 0.3s; 
 
} 
 
.zoomimg:hover { 
 
    cursor: pointer; 
 
    opacity: 1.0; 
 
} 
 
.zoomimg:hover img { 
 
    -moz-transform: scale(1.1); 
 
    -webkit-transform: scale(1.1); 
 
    transform: scale(1.1); 
 
} 
 
.projectkorttextarea { 
 
    height: 63px; 
 
    width: 100%; 
 
    vertical-align: bottom; 
 
} 
 
.projectkorttitle { 
 
    font-size: 15px; 
 
    color: #d40050; 
 
    font-family: 'Lato'; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    position: relative; 
 
    margin-left: 7px; 
 
} 
 
.projectkortsite { 
 
    font-size: 13px; 
 
    color: #666666; 
 
    font-family: 'Lato'; 
 
    font-weight: normal; 
 
    text-transform: lowercase; 
 
    position: relative; 
 
    margin-left: 7px; 
 
    margin-top: 4px; 
 
} 
 
.projectkorttype { 
 
    font-size: 13px; 
 
    color: #cccccc; 
 
    font-family: 'Lato'; 
 
    font-weight: bold; 
 
    position: relative; 
 
    right: 100; 
 
    float: right; 
 
    margin-right: 7px; 
 
}

<div class="section group"> 
 
    <div class="col span_1_of_4"> 
 
    <div class="projectkort"> 
 
     <div class="zoomimg"> 
 
     <img src="img/latibaer.jpg"> 
 
     </div> 
 
     <div class="projectkorttextarea"> 
 
     <span class="projectkorttitle">Latibær</span> 
 
     <br> 
 
     <span class="projectkortsite">www.lazytown.com</span> 
 
     <span class="projectkorttype">Web</span> 
 
     </div> 
 
    </div> 
 
    </div>

Quelle

2016-04-07 Sólon Örn Sævarsson

Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion ** in der Frage selbst erforderlich ist **. Obwohl Sie einen [** Link zu einem Beispiel oder einer Site ** angegeben haben] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work- can-i-just-einfügen-a-link-to-it), sollte die Verknüpfung ungültig werden, würde Ihre Frage keinen Wert für andere zukünftige SO-Benutzer mit dem gleichen Problem haben. –

Welches div genau ist fehl am Platz? – nhouser9

Vielleicht ist der Grund für Ihr Problem ein inkonsistentes HTML-Markup, da einer Ihrer div-Container nicht schließt. Sie haben mehr offene als geschlossene div -Tags.

<div class="section group"> 
    <div class="col span_1_of_4"> 
    <div class="projectkort"> 
     <div class="zoomimg"> 
     <img src="img/latibaer.jpg"> 
     </div> 
     <div class="projectkorttextarea"> 
     <span class="projectkorttitle">Latibær</span> 
     <br> 
     <span class="projectkortsite">www.lazytown.com</span> 
     <span class="projectkorttype">Web</span> 
     </div> 
    <!-- missing </div> tag --> 
    </div> 
</div>

Quelle

2016-04-07 15:03:14 ocbtec

Div innerhalb eines anderen div versucht, aus seinem Platz zu gehen

Antwort

Verwandte Themen