Tôi có một phần tử được định vị hoàn toàn với hình nền phải xuất hiện dưới dạng một dải ngang nhỏ, đạt tới mép của cửa sổ trình duyệt mà không cần thanh cuộn. Làm thế nào tôi có thể làm điều này?HTML, CSS: Làm cách nào để kéo phần tử lên đến cạnh của trang?
Đặt cả hai thuộc tính left và right CSS vào 0.
Kickoff dụ:
<!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>
Hãy thử điều này:
<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>