1

<body>考虑一下在标签之后和某些文本之前将其滑入某个 HTML 文件：

<div style="width:100%; height=320pix; background-color:black">
<img src="logo.jpg">
</div>

对我来说，这会在浏览器页面顶部创建一个黑色“横幅”，徽标图像（320pix 高）与左侧对齐。我怎样才能将它移到右边并让文本保持原样？我想知道这个代码的最简单的补充来实现这一点。当我style="float:right"在<img ...>标语行中指定时，后面的文本会环绕它，破坏横幅效果。

但是...如果我将相同的元素传输到<style>...</style>HTML 中的一个块中，并包含一个img{float:right;}一切正常。我只是不明白为什么两种方法之间的浮动行为应该不同。我的头快要爆炸了……

一个可能的线索 -这个问题表明它应该很简单，但是当我精确地尝试给出的代码时，它仍然不起作用。可能是 !DOCTYPE 或类似问题吗？我使用 Firefox 15.0.1 作为我的浏览器。

4

1 回答 1

0

给包含图像的 DIV 一个相对位置。这将允许您将图像绝对定位在其中。

<div style="position:relative; width:100%; height:320px; background-color:black">

    <img src="logo.jpg" style="position:absolute; right:0px;">

</div>

调整“右”以根据您的喜好定位图像。

于 2012-10-11T05:39:41.403 回答