2016-11-29 3 views
1

При попытке поплавки элементов или отображения встроенных строк они исчезают. Не знаю, почему это так. эти свойства кажутся довольно прямыми. Любой вход было бы здоровоОтображение встроенного блока или позиционирование горизонтально, а не вертикально

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>

ответ

1

изменение макс высоты до минимальной высоты

высота вашего DIV является 0, потому что его пустой

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

О боже мой, -.- Спасибо Chiller. –

+0

приветствуется :) – Chiller

+0

Можете ли вы рассказать мне, когда я пытаюсь плыть по этим двум дивизиям или отображать их в одном из них или оба они просто исчезают? –

0

изменение max-height как min-height. только max-height устанавливает максимальную высоту DIV быть 100px, но здесь и нужно установить min-height, чтобы получить некоторое содержимое в 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>

Смежные вопросы