开发者社区> 问答> 正文

div层为什么没有被自动撑开

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>仿凡客</title>
    <style type="text/css">
        *{
            padding:0px;
            margin:0px;
            font-size:12px;
        }
        a{
            text-decoration: none;
            font-size:12px;
        }
        #main{
            width:900px;
            height:33px;
            margin:10px auto;
            border:none;
            border-bottom:1px solid #f7f7f7;
            position:relative;
        }
        #main #mine_box{
            width:100px;
            height:auto;
            background:red;
            position:relative;          
            border:1px solid red;

        }
        #mine_box #mine{
            width:80px;
            float:left;
            line-height:33px;
            position:absolute;
            left:0px;
            top:0px;
        }
        #mine_box ul{
            width:100px;
            position:absolute;
            top:33px;
            left:0px;           
            list-style:none;
        }
        #mine_box ul li{
            width:100px;
            float:left;

        }
        #mine_box ul li a{
            text-align:center;
            line-height:15px;
        }
    </style>

</head>
<body>
<div id="main">
    <div id="mine_box">
                <a href="" id="mine">我的凡客</a>
                <ul>
                    <li><a href="">111111</a></li>
                    <li><a href="">2222222</a></li>
                    <li><a href="">33333333</a></li>
                </ul>
    </div>      

</div>

</body>
</html>

求教!上面的div层为什么没有自动撑开 背景和边框都没有显示!

展开
收起
a123456678 2016-05-27 14:01:09 1939 0
1 条回答
写回答
取消 提交回答
  • #main #mine_box{
        width:100px;
        height:100%;   // 改成100%
        background:red;
        position:relative;          
        border:1px solid red;
    
    }
    2019-07-17 19:17:43
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载