Inline-Block anzeigen oder horizontal statt vertikal positionieren

Beim Versuch, Elemente zu schweben oder inline anzuzeigen, verschwinden sie. Nicht sicher, warum das so ist. diese Eigenschaften scheinen ziemlich direkt zu sein. Jeder Eingang wäre tollInline-Block anzeigen oder horizontal statt vertikal positionieren

body { 
 
    background-color: grey; 
 
} 
 

 
.divison1 { 
 
    background-color:blue; 
 
    min-width: 100px; 
 
    min-height: 100px; 
 
} 
 
.division2 { 
 
background-color: green; 
 
max-width: 100px; 
 
min-height: 100px; 
 
}

<!DOCTYPE> 
 
<html> 
 
<head> 
 
    <title> Practice with divs!</title> 
 
    <link href = "style.css" type = "text/css" rel = "stylesheet"/> 
 
</head> 
 
<body> 
 
<div class = "divison1"></div> 
 
</body> 
 
</html>

Quelle

2016-11-29 dex last

Änderung max-height auf min-height

die Höhe des div ist 0, weil seine leeren

body { 
 
    background-color: grey; 
 
} 
 

 
.divison1 { 
 
    background-color:blue; 
 
    min-width: 100px; 
 
    min-height: 100px; 
 
}

<!DOCTYPE> 
 
<html> 
 
<head> 
 
    <title> Practice with divs!</title> 
 
    <link href = "style.css" type = "text/css" rel = "stylesheet"/> 
 
</head> 
 
<body> 
 
<div class = "divison1"></div> 
 
</body> 
 
</html>

Quelle

2016-11-29 18:00:25 Chiller

Ach du meine Güte, zu bekommen -.- Danke Chiller. –

Sie sind willkommen :) – Chiller

Kannst du mir zufällig sagen, wenn ich versuche, diese 2 Divisionen zu schweben oder sie inline anzuzeigen, einer von ihnen oder beide einfach verschwinden? –

Änderung max-height als min-height. max-height setzt nur die maximale Höhe des div 100px sein, aber hier müssen u min-height setzen einige Inhalte in den div

body { 
 
    background-color: grey; 
 
} 
 

 
.divison1 { 
 
    background-color:blue; 
 
    min-width: 100px; 
 
    min-height: 100px; 
 
}

<!DOCTYPE> 
 
<html> 
 
<head> 
 
    <title> Practice with divs!</title> 
 
    <link href = "style.css" type = "text/css" rel = "stylesheet"/> 
 
</head> 
 
<body> 
 
<div class = "divison1"></div> 
 
</body> 
 
</html>

Quelle

2016-11-29 18:01:22 jafarbtech

Inline-Block anzeigen oder horizontal statt vertikal positionieren

Antwort

Verwandte Themen