2016-05-22 2 views
2

Я попытался получить высоту поля div, настроенного на высоту текста, просто определяя свойство css min-height. Однако это не работает. Кажется, что div всегда соответствует определениям полей и не корректирует текст. Может ли кто-нибудь помочь?Как получить высоту div, скорректированную на текст при использовании полей ...?

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css" > 
body { 
margin:0; 
} 
.parallax-group { 
position:relative; 
height:100vh; 
} 
.sectiontext { 
position:absolute; 
left:0; 
right:0; 
top:0; 
bottom:0; 
content: ""; 
margin-bottom:20%; 
margin-top:15%; 
margin-left:0px; 
min-height: 1px; 
box-shadow: 0 0 8px rgba(0, 0, 0, .7); 
} 
</style> 
</head> 
<body> 
<section class = "parallax-group"> 
<div class = "sectiontext "> 
blablablablablablablablablablablablablablabla 
</div> 
</section> 
</body> 
</html> 
+0

Проблема решена: "снизу: 0;" стиль должен быть удален. – rma66

ответ

0

Раствор очень прост: "снизу: 0" ограничение должно быть удалено:

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css" > 
body { 
margin:0; 
} 
.parallax-group { 
position:relative; 
height:100vh; 
} 
.sectiontext { 
position:absolute; 
left:0; 
right:0; 
top:0; 
content: ""; 
margin-bottom:20%; 
margin-top:15%; 
margin-left:0px; 
min-height: 1px; 
box-shadow: 0 0 8px rgba(0, 0, 0, .7); 
} 
</style> 
</head> 
<body> 
<section class = "parallax-group"> 
<div class = "sectiontext "> 
blablablablablablablablablablablablablablabla 
</div> 
</section> 
</body> 
</html>