垂直方向ではなくインラインブロックまたは水平方向に表示

要素を浮動させたり、インラインで表示しようとすると、それらは消えます。これがなぜなのか分かりません。これらのプロパティはかなり簡単に思えます。任意の入力は素晴らしい垂直方向ではなくインラインブロックまたは水平方向に表示

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>

出典

2016-11-29 dex last

変更するには、最大高さの最小高さ

あなたの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>

ので0であるだろう

出典

2016-11-29 18:00:25 Chiller

善良私のああにいくつかのコンテンツを取得するためにmin-heightを設定する必要があり、-.-あなたにチラーをありがとうございました。 –

あなたは大歓迎です:) – Chiller

私はこれら2つの部門をフロートさせたり、インラインでそれらの1つを表示しようとすると、私に教えてもらえますか？ –

をmax-heightと変更してmin-heightとします。 max-heightセットのみのdivの最大の高さは100pxにする必要はなく、ここでUは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>

出典

2016-11-29 18:01:22 jafarbtech

垂直方向ではなくインラインブロックまたは水平方向に表示

答えて

関連する問題