用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

css 上左中右下布局。

2015-01-17 作者: 云代码会员举报

[html]代码库

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题文档</title>

    <style type="text/css">
        body
        {
            margin: 0;
            padding: 0;
        }
        a
        {
            text-decoration: none;
            color: Black;
            line-height: 50px;
        }
        .head
        {
            height: 6%;
            background-color: #0033CC;
            margin: 0;
        }
        .content
        {
            width: 100%;
            height: 79%;
            background: #CCCCCC;
            margin: 0;
        }
        .left
        {
           <%-- position: relative;--%>
            width: 5%;
            height: 100%;
            background: #CCCC66;
            float: left;
            margin: 0;
        }
        .right
        {
            width: 5%;
            height:100%;
            background-color: green;
            <%--position: relative;--%>
            float:right; 
        }
        .foot
        {
            height: 15%;
            width: 100%;
            background: #0099CC;
            margin: 0;
        }
        .dvreport
        {
            width: 90%;
            height: 100%;
            background: white;
            overflow: hidden;
            overflow-y: auto;  
            float: left;
        }
        table td
        {
            text-align: center;
            width: 50%;
            height: 50%;
        }
    </style>
    <script type="text/javascript">

    </script>
</head>
<body>
    <div class="mini-fix" style="height: 100%; width: 100%; background-color: #124A85">
        <div id="head" class="mini-fix head">
            head</div>
        <div id="content" class="mini-fit content">
            <div id="left" class="left">
               left
                
            </div>
            <div id="dvReportList" class="dvreport">
                <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 90%">
                    <tr>
                        <td>
                            <div id="divtd" alt="test" style="margin-top: 10px; margin-bottom: 10px">
                                <img src="../images/a.jpg" />
                                <p>
                                    <span><a href="#">整体分析</a></span>
                                </p>
                            </div>
                        </td>
                        <td>
                            <div id="div1" alt="test" style="margin-top: 10px; margin-bottom: 10px">
                                <img src="../images/a.jpg" />
                                <p>
                                    <span><a href="#">整体分析</a></span>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="div6" alt="test" style="margin-top: 10px; margin-bottom: 10px">
                                <img src="../images/a.jpg" />
                                <p>
                                    <span><a href="#">整体分析</a></span>
                                </p>
                            </div>
                        </td>
                        <td>
                            <div id="div7" alt="test" style="margin-top: 10px; margin-bottom: 10px">
                                <img src="../images/a.jpg" />
                                <p>
                                    <span><a href="#">整体分析</a></span>
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="right" class="right">
               right
            </div>
        </div>
        <div id="foot" class="foot">
           foot
           
        </div>
    </div>
   
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...