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

Steafan
Steafan 3091 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;
   }
分享:
游客
要评论请先登录 或者 注册
12条回应 只看楼主 最新
6Xu纷飞 超凡大师 2015-10-08 09:35 沙发
你先用一个大盒子固定,里面左中右相对定位,设置浮动。
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>
<!-- 728*90 -->
<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
Steafan 新用户 2015-10-08 10:33 4楼
admin:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...回到原帖
显示不出来啊
admin 管理员 2015-10-08 10:34 5楼
Steafan:显示不出来啊回到原帖
里面的内容是空的  你需要自己填
Steafan 新用户 2015-10-08 11:11 6楼
已经弄好了,谢谢大家了!!!
Mesmer 荣耀黄金 2015-10-08 11:18 7楼
好犀利~~~围观
Lucky____问问 不屈白银 2015-10-08 18:02 8楼
 给力 有qq表情了!
admin 管理员 2015-10-08 21:23 9楼
Lucky____问问:给力 有qq表情了!回到原帖
orange 新用户 2016-01-06 16:32 10楼
66666666666668778
余光尘 新用户 2016-04-13 14:23 11楼
asdadsadasdadasas
风残凌度 新用户 2016-04-23 18:55 12楼
可以慢慢调整啊,相对定位和绝对定位
 返回顶部