<h:head>
<title>Facelet Title</title>
<style>
.top{
margin: 0;
padding: 0;
background-color: blue;
height: 15px;
width: max-content;
}
</style>
</h:head>
<h:body>
<div id="header" class="top" >
</div>
<div id="content" class="middle">
</div>
</h:body>
私はdiv全体を色で塗りつぶしていますが、その周りには常に白い境界線が表示されます。これどうやってするの？次CSSでdivを完全に塗りつぶす
は
のブラウザでは、彼らの見解にパディング/マージンを追加し、あなたのCSSファイルに追加する必要があります。あなたがこの問題を引き起こし、他のCSSがないことを確認する必要がありさておきレナートが答えたものと
body,
html {
padding: 0;
margin: 0;
}
ありがとうございます、これはそれを解決しました –
、これに注意してください：
https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
MDNはmax-contentは実験的APIであることに注意プロダクションコードで使用すべきではありません。実験的なAPIを意図的に使用していない限り、パーセント値、継承された値、または明示的な値を使用することをお勧めします。
あなたはdivの利用スター*
*{
margin: 0;
padding: 0;
}
の周りに余白を削除したいが、これはあなたが望んでいた希望であれば、それは明らかではないことを意味します。
*アスタリスク*（または 'スター'）が "すべて選択" CSSセレクターであることを追加する価値があります。このトピックはうまくカバーしています：http://stackoverflow.com/a/1204290/4970964 – Nol
HTMLの規約に従うことをお勧めします。
<div id="header" class="top"> <!--Notice that I cleaned up the spacing here -->
</div>
これは実際にはHTMLの慣習ではありません...それはスペースの好みです。 – Nol
@Nol、私は、すべての規約は本質的にただ標準とされている誰かの好みであると主張したいと思います。誰かが大会に従わなかったからといって、彼らのコードがうまくいかないわけではありません。 OPのスペースが正しいことを示唆するHTMLガイドを見つけるのは難しいでしょう。また、これは単なる提案に過ぎず、OPは取るか離れるかを指摘したいと思います。 – maecapozzi
あなたのCSSをresetingされています。それは次のようになりますように、あなたがスペースをクリーンアップする必要があります
：
あなたは現在、これを持っていますか？私たちが詳細に見るために投稿できるリンクはありますか？ – zJorge
あなたの説明を展開してください。あなたは、divの周りに青い背景と白の境界線が欲しいですか？ –