asp.net mvc @RenderBody()的问题

最新推荐文章于 2021-07-06 15:46:10 发布

weixin_34068198

最新推荐文章于 2021-07-06 15:46:10 发布

阅读量458

点赞数

文章标签：测试

原文链接：http://www.cnblogs.com/huhaochuang/p/2793449.html

版权

在使用.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="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>

转载于:https://www.cnblogs.com/huhaochuang/p/2793449.html

weixin_34068198

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
asp.net mvc @RenderBody()的问题

在使用.net mvc 母版页布局时如果是进行上中下三块布局的话，那么就会像下面的图那样：在上面的div 和下面的div之间会出现4cm的间隔，解决如下：给包裹@RenderBody()的div设置padding除0和auto以外的值就可以了，不知为何？<div style="padding:1px;">@RenderBody()</div...
复制链接

扫一扫