Question

简单问题：如何在不将图像粘在最左边或最右边的情况下浮动图像？

每当我使用float：left - 它只是完全粘在左侧。

我尝试使用边距，但这只会使对象更大并且会弄乱其他对象的布局。

谢谢！

Answer 1

在包含的框上放置一个设定的宽度，这样尺寸就不会改变，然后用保证金浮动图像？

Answer 2

将margin-left: 20px;添加到.youtube。将其设置为您喜欢的任何值：

.youtube {
    margin-left: 20px; /* set to whatever value you choose */
    float: left;
    height: 360px;
    width: 640px;
    clear:both;
}

旁注，您的HTML很多都被破坏了。例如，缺少</header>结束标记，您的<img />代码未正确关闭，并且您还缺少</div>结束标记。

此外，对于W3C标准，您不应在div标记内li（我没有解决此问题）。如果您需要<span>，请使用display:block并将其设置为div。