页面中间的内容在div内到一侧时

Question

我的网页一侧有一个固定的200px列（包含菜单）。右侧是可变宽度。右侧将使用AJAX填充。对于默认页面（当没有选择菜单项时）我试图让公司徽标在页面中水平居中，而不是放置它的div。迄今为止我尝试过的CSS都没有按预期工作，当浏览器窗口水平调整大小时，徽标向左或向右移动。由于担心丢失剩余的头发，我正在寻找建议。

其他信息

两列的CSS（来自Dreamweaver）是

.sidebar1 {
float: left;
width: 200px;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 80%;
float: left;
}

sidebar1列包含菜单。右（主）列只是<div class="content"></div>，将根据从菜单中选择的内容从服务器接收内容。这个div当然是相对于页面的中心右边，但是我想将徽标放入div中，但是在页面中水平居中。

Answer 1

如果您需要将徽标放在80％的内容中，您可以绝对定位。这将允许徽标由正文定位，而不是.content（因为.content是position:static）。

试用this jsbin

.content .logo { position: absolute; left: 48%; top: 10px; }