asp.net mvc @RenderBody()的问题

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

asp.net mvc @RenderBody()的问题

在上面的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="width: 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="width: 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>

 

 

 

 

你可能感兴趣的:(asp.net)