如何將圖像浮動到居中的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