HTML、CSS：要素をページの端まで伸ばすにはどうすればよいですか？

私はスクロールバーを必要とせずに、ブラウザーウィンドウの端まで達する小さな水平のストリップとして表示する必要がある、背景イメージを持つ絶対的に配置された要素を持っています。どうすればこのことができますか？HTML、CSS：要素をページの端まで伸ばすにはどうすればよいですか？

出典

2010-12-26 Hamster

leftとrightの両方のCSSプロパティを0に設定します。

キックオフ例：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>SO question 4535198</title> 
     <style> 
      #strip { 
       position: absolute; 
       top: 0; 
       left: 0; 
       right: 0; 
       height: 2px; 
       background-image: url('some.png'); 
      } 
     </style> 
    </head> 
    <body> 
     <div id="strip"></div> 
    </body> 
</html>

出典

2010-12-26 20:02:06 BalusC

はこれを試してみてください：

<style type="text/css"> 
.hrBar 
{ 
     background-image: url('<YOUR_IMAGE_PATH>'); 
     background-repeat: repeat-x; 
     height: 1px; // Or the Height of your Image 
     position: absolute; 
} 
</style> 
<div class="hrBar"> 
</div>

出典

2010-12-26 20:15:11 Chandu

HTML、CSS：要素をページの端まで伸ばすにはどうすればよいですか？

答えて

関連する問題