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