2016-07-02 10 views
0

私は簡単な固定位置<div>には100%widthを持っています。それはすべて4px marginを持っています。しかし、それは右側に余裕がない。ここ はコードです:固定ディビジョン - 右側の余白が表示されない

<html> 
 

 
\t 
 
\t <body> 
 
\t \t <div style="position:fixed;height:50px;width:100%;margin:4px;background-color:black;"> 
 
\t \t \t 
 
\t \t </div> 
 
\t </body> 
 

 
</html>

+1

このCSSを使用する 'body {margin:0;}' –

答えて

0

あなたべき以下のようなもの:

<div style="position:fixed; left:0; height:50px;width:98%;margin:1%; background-color:black;"> 
test 
</div> 

、それは余裕を持っている

<style>body{margin:0;}</style> 
1

と次のように身体をリセット右側にはありますが、あなたはできませんそれは画面の端に押し込まれているので見てください。これは、幅がボディの幅の100%であるためです。これを解決する最善の方法は、top,leftrightです。

div { 
 
    position: fixed; 
 
    height: 50px; 
 
    left: 4px; 
 
    right: 4px; 
 
    top: 4px; 
 
    background-color: black; 
 
} 
 

 
body { 
 
    margin: 0; 
 
}
<div></div>

それでもだけtopleftrightの形で、余裕を持ってこの方法です。

関連する問題