菜鸟求助。在线等！！-PsdHtml.CN大设计师论坛-网页作业代做|免费下载 Html CSS网页设计成品下载

菜鸟求助。在线等！！

Steafan 4865 12

热门 2015-10-08 09:26

大家帮忙看下这组代码有哪里不妥，我想实现左中右布局，但是总是错误，改了几遍还是不对，希望大家帮帮忙！！谢谢各位了！！
   #left{
   position:absolute;
   top:0px;
   right:0px;
   margin:0px;
   background:#000;
   width:190px;

   }
   #middle{
   padding:10px;
   background:#993;
   margin:0px 190px 0px 190px;
   margin-top:0px;
   }
   #right{
   position:absolute;
   top:0px;
   right:0px;
   margin:0px;
   background:#F00;
   width:190px;
   }

喜欢 0

要评论请先登录或者注册

12条回应只看楼主最早最新

6Xu纷飞超凡大师 2015-10-08 09:35 沙发

你先用一个大盒子固定，里面左中右相对定位，设置浮动。

举报回复(1) 喜欢

Steafan 新用户 2015-10-08 10:02 板凳

6Xu纷飞：你先用一个大盒子固定，里面左中右相对定位，设置浮动。回到原帖

我比较笨可不可以发下源代码谢了！！

举报回复喜欢

admin 管理员 2015-10-08 10:14 地板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">

#google1 {
height: 90px;
width: 960px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
z-index:-1;
background-image: url(http://icolor8.com/psdhtml_images/images/topskin.jpg);
}
#google1 #left1 {
float: left;
height: 90px;
width: 728px;
}
#google1 #right {
float: left;
height: 90px;
width: 232px;
}
</style>
</head>

<body>
<div id="google1">
  <div id="left1">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
   style="display:inline-block;width:728px;height:90px"
   data-ad-client="ca-pub-5742109951326449"
   data-ad-slot="3872883419"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </div>
  <div id="right">
  <script>QIHOO_UNION_SLOT={w:232, h:90, ls:"s4867cb5f84"};</script><script src="http://s.lianmeng.360.cn/so/inlay.js" charset="utf-8"></script>
  </div>
</div>
</body>
</html>

这是个居中大框架，里面有两个左右分栏的div

举报回复(1) 喜欢