2016-05-22 11 views
2

最小高さのCSSプロパティを定義するだけで、テキストボックスの高さに合わせたdivボックスの高さを取得しようとしました。ただし、これは機能しません。 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> 
関連する問題