zoukankan      html  css  js  c++  java
  • asp.net mvc @RenderBody()的问题

    在使用.net mvc 母版页布局时如果是进行上中下三块布局的话,那么就会像下面的图那样:

    在上面的div 和下面的div之间会出现4cm的间隔,

    解决如下:

    给包裹@RenderBody()的div设置padding除0和auto以外的值就可以了,不知为何?

    <div style="padding:1px;">
    
    @RenderBody()
    
    </div>

    完整代码:

    <!DOCTYPE html>
    <html>
    <head>
        <title>@ViewBag.Title</title>
        <script src="http://www.cnblogs.com/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
    
            })
        </script>
    </head>
    <body style=" 960px; margin: 0 auto;">
        <div id="divHeader" style="height: 80px; line-height: 80px; background-color: #b8bdf1;">
            后台管理
        </div>
        <div id="divMain" style="height: 500px; margin: 5px auto; background-color: Yellow;">
            <div id="divBodyLeft" style=" 220px; height: 100%; background-color: #d3cdcd;
                float: left; clear: both;">
                菜单
            </div>
            <div id="divBodyRight" style="margin-left: 225px; height: 100%; padding:1px;
                background-color: #d3cdcd;">
                @RenderBody()
            </div>
        </div>
        <div id="divFooter" style="height: 20px; line-height: 20px; margin-top: 5px; background-color: #d3cdcd;">
            版权信息
        </div>
    </body>
    </html>
  • 相关阅读:
    LeetCode 152. 乘积最大子数组 | Python
    LeetCode 31. 下一个排列 | Python
    LeetCode 136. 只出现一次的数字 | Python
    LeetCode 102. 二叉树的层序遍历 | Python
    LeetCode 155. 最小栈 | Python
    LeetCode 69. x 的平方根 | Python
    Python3 高阶函数
    Python3 装饰器
    Python3 递归函数
    Python3 函数
  • 原文地址:https://www.cnblogs.com/huhaochuang/p/2793449.html
Copyright © 2011-2022 走看看