首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • IE BUG 还是我代码有问题啊？ [已结贴,结贴人:taotao5945]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • taotao5945
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    • 揭帖率：
    发表于：2008-06-07 15:23:32 楼主
    HTML code
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>ll</title>

<style>

body {margin:0;background-image:url(../../images/ct/bg.jpg);background-repeat:repeat-x;}

#page1 {margin:auto;width:780px;padding:0;}

#header {background:#88A4E3 url(../../images/hd/hd.gif);height:100px;width:780px;}

#nav {background:#EAB701 url(../../images/nav/nav.gif);height:23px;width:780px;}

#content {width:780px;height:500px;}

#footer {background:#E93001;width:780px;}

#lef {width:150px;float:left;}

#mid {width:300px;float:right;}

#rig {background:red;border:5px solid black;}

</style>

</head>

<body>

<div id="page1">

<div id="header">xx</div>

<div id="nav">yy</div>

<div id="content">

<div id="lef"><div>a</div><div>b</div></div>

<div id="mid"><div>c</div><div>d</div></div>

<div id="rig"><div>e</div><div>f</div></div>

</div>

<div id="footer">zz</div>

</div>

</body>
</html>


    为什么#rig 控制了整个DIV 与#content 的控制能力一样了？
    麻烦高手些都来解救下！
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sjmlsxp
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-07 15:38:321楼 得分:0
    至少少了一个 </div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sjmlsxp
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-07 15:44:562楼 得分:10
    不好意思  看错了

    为了弥补下  告诉你答案

    原因是你的父容器没有浮动
    这个的话，当子容器浮动时，就是浮出父容器
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sjmlsxp
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-07 15:51:383楼 得分:10
    这个是不是你想要的结果呢？
    CSS code
    <style>

body {margin:0;background-image:url(../../images/ct/bg.jpg);background-repeat:repeat-x;}

#page1 {margin:auto;width:780px;padding:0;}

#header {background:#88A4E3 url(../../images/hd/hd.gif);height:100px;width:780px;}

#nav {background:#EAB701 url(../../images/nav/nav.gif);height:23px;width:780px;}

#content {width:780px;height:500px; float:left}

#footer {background:#E93001;width:780px; clear:both;}

#lef {width:150px;float:left;}

#mid {width:300px;float:right;}

#rig {background:red;border:5px solid black; margin:0px 300px 0px 150px;}

</style>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • J_Habo
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-10 14:22:404楼 得分:0
    学习
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • kingwolf_JavaScript
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-11 19:03:175楼 得分:0
    当子容器浮动时，就是浮出父容器
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved