我正试图在屏幕左侧添加一个。我可以让div出现并工作，但它不允许在它旁边有任何文本。请提供任何帮助或提示，谢谢。我遇到的问题是"bannerL">
这是我的html:
<html>
<head>
<title>Paid To Click</title>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div id="bannerL">
<a href="">
<img src=""></a>
</div>
<div id="ebook">
<a href="">
<img src="">
</a>
</div>
</body>
</html>
这是我的css：
body {
background-image: url("beach.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
p { color:#000000;line-height:2em;}
p.margin{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 250px;
margin-left: 250px;
}
#banner {position:relative; margin:auto auto;}
#header{background-color: #fff; width: 1000px; position: relative; }
#bannerL {position: relative;
float:left;
}
#bannerR {
position: relative;
float: right;
}
#ebook {position: relative; margin: auto auto;}
看起来你的利润做得很不对。如果您希望这些段落居中，请使用文本对齐：居中。这个左边距和右边距：250px就是为什么你的文本(如果是段落)被推离其他任何东西的原因。但是，如果这不是你的问题，负利润率总是能解决你的问题。您设置您的"文本"，不管它是什么，都留有边距：-100px(例如)。还有一件事——最好只有一个元素(包装的div)的值以像素为单位固定，其他元素的值以%为单位，这样它们就可以根据这个值调整大小。然后，您可以使用媒体查询根据分辨率调整页面大小。但现在我建议简单地使用这个，因为你的整个页面都一团糟。稍后你可以考虑让它在所有分辨率上看起来都很好看
margin-left: -100px;