基本CSS布局
我有一个容器div 900px宽的页面，页边距是自动的。我有一个150像素高的标题标签 我希望标题由左边的ann图像、一些文本和右边的另一个图像组成（与左边的imagine相反）。当我在header div中放置两个img标记时，第二个图像比第一个图像低。我尝试过在没有任何运气的情况下修改内联显示 有什么想法吗 CSS HTML基本CSS布局,css,Css,我有一个容器div 900px宽的页面，页边距是自动的。我有一个150像素高的标题标签 我希望标题由左边的ann图像、一些文本和右边的另一个图像组成（与左边的imagine相反）。当我在header div中放置两个img标记时，第二个图像比第一个图像低。我尝试过在没有任何运气的情况下修改内联显示 有什么想法吗 CSS HTML 内部网布局 内容 假设html是正确的 css应该是这样的： #main{ width:900px; margin: auto; } #header
内部网布局
内容
#main{
width:900px;
margin: auto; }
#header{
height:150px;
width:100%
}
#picL
{
float:left;
}
#text{
position:absolute;
left:50%;
right:50%;
width:70%;
}
#picR
{
float:right;
margin-right:0px; }
问题可能是css属性中缺少位置/边距变量集。要对齐一行中的多个对象，一种方法是。如果您发布相关代码，或者发布一个演示，这将非常有用。您是否尝试将它们浮动？使用HTML更新您的帖子，CSSI已修改了我的代码，因此与此非常相似，但仍然不走运。第二张图片（右手边的图片）仍然比左边的图片显示的要低。那么很可能是你的html对象继承了其他包含css元素的较大对象的css元素。在我看来，最好的解决方案是下载Firebug（所有浏览器的扩展），它允许您右键单击页面并“检查元素”，以查看所有内容上的css。您可以在那里编辑它，直到它正确为止，然后在您的开发环境中复制更改后的代码。我已经将代码复制到了一个提琴中，它显示得很好，但恐怕不是在IE8中！*当我使用css将html放入JSFIDLE时，“内容”并不居中，但正确的图像位于右侧。它必须是影响这些元素的其他css代码，因为它是孤立的，所以正确的图像会根据需要向右摆动。IE8=魔鬼。它总是引起问题。对于整个ie8问题，我能给出的最好建议是，在javascript中，您可以检测用户正在使用的浏览器，如果ie8（是的，您可以指定）您可以从javascript代码中调整css。如果您熟悉jQuery，就很容易做到。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="curvy.corners.trunk.js"></script>
<head>
<title>Intranet Layout</title>
<link rel="stylesheet" type="text/css" href="test_layout.css" media="screen" />
</head>
<body>
<div id="page-container">
<div id="header">
<img id="mcclogo" src="../images/logo.gif" alt="xx" width="244" height="48" />
<img id="bactulogo" src="../images/bactu3.gif" alt="xx" width="260" height="124" />
</div>
<div id="content">
Content
</div>
</div>
</body>
</HTML>
#main{
width:900px;
margin: auto; }
#header{
height:150px;
width:100%
}
#picL
{
float:left;
}
#text{
position:absolute;
left:50%;
right:50%;
width:70%;
}
#picR
{
float:right;
margin-right:0px; }