CSS 定位在 logo 和 <aside> 之间造成了难看的差距答案

【问题标题】：CSS positioning creates ugly gap between logo and <aside>CSS 定位在 logo 和 <aside> 之间造成了难看的差距
【发布时间】：2014-02-25 13:42:30
【问题描述】：

我想达到的目标：

如果浏览器最大化，一切正常；但是，当浏览器恢复到小于 100% 的比例时，logo 和侧面之间的差距看起来很难看。差距的原因是：

由于我的第二个要求，我将徽标放在左侧 div 中（而不是放在一边），所以我不得不使用 position:absolute 属性。为了不被徽标折叠，我留出了余量。

这就是我可以来的重点。当浏览器还原到较小的比例时，我如何既能满足我的要求又能摆脱丑陋的视图

谢谢最好的问候

【问题讨论】：

waplet 的答案在这里应用：[jsbin.com/vayadoye/1]
您的标记本可以更简洁，更简洁，以达到您想要的效果。隐藏徽标文本并不是很好的 SEO 明智的。相反，您应该在 h1 内为 img alt 标签提供文本。
@Morven 我想你只是说删除 h1，并给图像添加 alt 标签。但我也想以 seo 友好但不可见的方式使用 h1。你能提供我的目标示例链接吗，谢谢
使用h1标签，但不要在里面放任何文字。您可以将图像嵌入到 H1 中，并在 alt 属性中提供 h1 文本。 <h1><img src="logo.png" alt="the required text"></h1> 隐藏东西不是好的 SEO 明智的，人们说 :)
哦，真的很聪明，谢谢莫文

【解决方案1】：

用花车试试... 主要内容

float:left;

旁边和标志

float:right;

，指定宽度

【讨论】：