在视图中查看布局问题

Question

我想在视图中显示视图。这可以按我的意愿工作，但我对表格的布局有疑问。

我想将表格向左移动，使其位于地址按钮下方。我不太确定它为什么放在它所在的位置。这是我的报告视图。

    @{
        ViewBag.Title = "Reports";
        Layout = "~/Views/Shared/_layout.cshtml";
    }

    <h2>Reports</h2>
    <br />
    <button id="address">Addresses</button>
<button id="Qualifications"> Qualifications</button>
    <style>
        #addrRpt { color: red;
                   background-color:blue;
                   margin-left:10px;
                   /*height: 250px;*/
                       
        }

    </style>

    <script>
        document.getElementById("address").onclick = function () { myFunction() };
        function myFunction() {

            $("#addrRpt").load("@Html.Raw(Url.Action("index", "Addresses")) ")
        }
    </script>


    @*<div class="row" >
        <div class="col" style="background-color:red">
            
            <div id="addrRpt">
                </div>
            </div>
        </div>*@
    <div id="addrRpt"></div>

Answer 1

将视图的布局设置为 null 解决了我的问题。

布局=空；