gpt4 book ai didi

html - 如何将 div 元素放置在屏幕的右侧

转载 作者:行者123 更新时间:2023-11-28 11:43:56 24 4
gpt4 key购买 nike

我试图让这个 div 一直到屏幕的右侧。这是 html:

  <html>
<head>
title></title>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<h1> </h1>
<body>

<div id="bannerR">
<a href="yahoo.com" target=_blank>
<img src="yahoo.com" border=0></a>
</div>

这是 style.css

        #header{background-color: #fff; width: 1000px; position: relative; }

#bannerL{ position: relative; top: 500px; left: 500px; }
#bannerR{ position: relative; float: right; }



body {
background-image: url("beach.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
margin-top:100px;
margin-right:180px;
margin-bottom:10px;
margin-left:200px;

请帮忙,我在代码方面很新,买了一本书,但没有帮助。我花了几个小时试图得到这个但无济于事。

最佳答案

您的body 样式包含margin-right:180px。因此,#bannerR 永远不会一直向右浮动。删除该样式,它将起作用。这是一些代码:

正文
{
背景图像:url(“beach.gif”);
背景重复:不重复;
背景附件:已修复;
背景位置:中心;
}

这里有一个 fiddle 来证明它:http://jsfiddle.net/rzKaz/1/

关于html - 如何将 div 元素放置在屏幕的右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20575792/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com