首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 被撑大的DIV背景不能铺满 [已结贴,结贴人:z_j]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • z_j
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    • 揭帖率：
    发表于：2007-12-26 11:06:52 楼主
    如下的一段HTML

    <div style=" position:absolute;left:100px; top:100px; width:100px; height:100px; border:1px solid gray; overflow: auto;">
    <div id=div1 style=" padding: 5px; background-color: yellow; width:auto;height:auto;">
    <div id=div2 style="width:300px; height:200px; background-color:red"> </div>
    </div>
    </div>

    在FireFox里, id=div1 的DIV在width <100px 部分的背景是yellow的,其后的却是白色的,而且最右边也没有出现5px的padding效果

    但在IE里是好的. 见附件图
    该帖包含附件:http://dl2.csdn.net/down4/20071226/26110634617.jpg
    50  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • storm0
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2007-12-26 11:21:211楼 得分:30
    FireFox才是你所写的这段代码的正确表现。

    在FF中，那部分黄色的背景正是你的div1
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yixianggao
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：

    • 2
    发表于：2007-12-26 11:25:112楼 得分:5
    IE6sp1下正常！

    把浏览器版本报出来看看？

    FF3.0好像出了，不过俺没用过！
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • storm0
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2007-12-26 11:30:063楼 得分:0
    如果你想得到的效果是ie中所表现的，样式要做稍稍的改动
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • storm0
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2007-12-26 11:33:274楼 得分:0
    修改如下：
    ===================

    HTML code
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="Doyoe(飘零雾雨), edzmaster@gmail.com" />
<title>test</title>
<style type="text/css">
.outer {
    width:100px;
    height:100px;
    border:1px solid gray;
    overflow:auto;
}
.mid {
    float:left;
    padding:5px;
    background:yellow;
}
.inner {
    width:300px;
    height:200px;
    background:red;
}
</style>
</head>
<body>

<div class="outer">   
    <div class="mid">   
        <div class="inner"></div>   
    </div>   
</div> 

</body>
</html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • changke18
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2007-12-26 12:21:435楼 得分:15
    float:left;
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • z_j
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2007-12-26 14:21:266楼 得分:0
    经测试，正解：float:left;
    谢谢各位。
    修改 删除 举报 引用 回复
    公司简介| 广告服务| 银行汇款帐号| 联系方式| 版权声明| 问题报告
    北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    文明办网文明上网举报电话：13552009689
    Copyright © 1999-2009, CSDN.NET, All Rights Reserved
    GongshangLogo