Question

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

enter image description here

提前致谢。

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;

} - ＆GT;

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

祝你好运，

罗德尼巴尔巴蒂

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

2 个答案: