如何将图像浮动到居中的div旁边？

Question

如何使图像浮动在居中的框旁边？ 什么是正确的HTML / CSS代码？ 这是我想要做的概述：

在此输入图像描述

提前致谢。

Answer 1

将图像放在居中的div中。 给出居中的div position:relative 。 现在给图像position:absolute和left:-XXpx其中XX是图像的宽度。

Answer 2

将图像放在浮动div中，然后将浮动div放在任何您想要的位置。

这里有一些用于创建div和图像占位符的HTML ...只需更改下面＃layer1 css代码中的顶部和左侧值来定位div ...

将大多数页面元素包装在自己的div中可能符合您的兴趣，因此您可以在不使用表格的情况下布局页面。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 475px;
top: 291px;

} - >

<body>
<div id="Layer1"><img src="" alt="" name="someimage" width="32" height="32" id="someimage" /></div>
</body>
</html>

祝好运，

罗德尼巴尔巴蒂

如何将图像浮动到居中的div旁边？

问题描述

2 个解决方案

解决方案1
3 已采纳 2011-06-24 15:20:29

解决方案2
1 2011-06-24 16:00:47

如何将图像浮动到居中的div旁边？

问题描述

2 个解决方案

解决方案1 3 已采纳 2011-06-24 15:20:29

解决方案2 1 2011-06-24 16:00:47

解决方案1
3 已采纳 2011-06-24 15:20:29

解决方案2
1 2011-06-24 16:00:47