1
http://codepen.io/anon/pen/gMMByK高さ：セマンティック-UI
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
</head>
<body>
<div class="ui secondary pointing menu" id="menu">
<a class="active item">Home</a>
<a class="item" href="/tests">Tests</a>
<a class="item">About us</a>
</div>
<div class="pusher">
<div class="ui vertical center aligned segment top-section" id="firstDiv">
<div class="ui container">
<div class="ui text container">
<h1 class="ui header">Heading</h1>
</div>
</div>
</div>
</div>
</body>
</html>
を使用した場合、100％が機能せず、これは付属のCSSです：これは私のコードである
html {
height: 100%;
}
body {
height: 100%;
}
.top-section {
height: 100%;
}
#menu {
background: #CFCFCF;
}
#menu a {
color: black;
}
#firstDiv {
background: #CFCFCF;
width: 100%;
margin-top: -1em;
}
。私は、セマンティックUIを使って作られたHTMLを持っています。私はセマンティックメニューを持っているし、見出しを持つdivを持っています。私はそのdivが私の画面の高さの100％を占めるようにしたい。スクロールするときにだけ表示されるべき第2のdivがあります。
私はチュートリアルを持っていたthis websiteに出くわしました。チュートリアルに従ったにもかかわらず、高さを100％に設定できませんでした。私の誤りがどこにあるか教えてください。ちょうど私がこれを学び始めた週がちょうどあり、これが私を夢中にさせてくれました。私は答えを探してみましたが、私の質問を解決するものは見つかりませんでした。あなたのお手伝いをしてくださってありがとうございます。もし、これがここにあるのではなく、あまりにも基本的なものであれば、ごめんなさい