css怎样把图放到屏幕右边

来源：百度知道 编辑：UC知道 时间：2024/05/08 03:38:15
html文档是这样<body>
<div id="left">left</div>
<div id="middle">middle</div>
<div id="right">right</div>
</body>
css文档是body { MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #3399cc;
FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;
COLOR: #666;
FONT-SIZE:12px;
LINE-HEIGHT:150%; }

#left{ WIDTH:117px;
height:600px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: url(tiao.gif);
}

#middle{ POSITION: absolute;
LEFT:117px;
TOP:0px;
WIDTH:300px;
height:600px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND:url(33.jpg) ;
}

#right{ POSITION: absolute;
LEFT:417x;
TOP:0px;
WIDTH:117px;
height:600px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND:url(tiao.gif)no-repeat right

<html>
<head>
<title>Tableless Layout</title>
<style type="text/css">
#content
{
margin-left:auto;
margin-right:auto;
width:800px;
}
#leftColumn
{
float:left;
width:200px;
border:1px solid black;
padding:10px;
background-color:#CCCCCC;
}
#middleColumn
{
float:left;
margin-left:5px;
width:400px;
padding:5px;
background-color:#0099FF;
border:1px dotted #333333;
}
#rightColumn
{
float:right;
width:180px;
border:1px solid black;
padding:10px;
background-color:#0066FF;
}
</style>
</head>
<body>
<form id="form1" runat