Question

这是我第一次发帖，所以如果我做了什么，请指出给我：）

图像将显示橙色div不会延伸到整个页面。我不知道这里有什么不对。

主页css代码：

<style type="text/css">

    .li
    {
        height: 180px;
    }

    .productlist li
    {
        display: inline;
        float: left;
    }
    #enlarge
    {
        height: 50px;
        width: 400px;
    }
    .newStyle1
    {
        text-align: center;
    }
</style>

有问题的div的代码：

            <div style="height: 387px; background-color: #C0C0C0;">
<div style="width: 737px; padding-bottom: 10px;"><asp:Image ID="Image1" ImageUrl ="~/Images/Logo.png" 
        runat = "server" Width="137px" />
    <div style="float: right; width: 241px; position: absolute; top: 19px; left: 503px; bottom: 528px;">
        <img alt="" /> </div></div>
    <div style="height: 548px; float: left; width: 142px;">

        <asp:Menu ID="Menu1" runat="server">
            <Items>
                <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
                <asp:MenuItem Text="Online Selection" Value="Online Selection"></asp:MenuItem>
                <asp:MenuItem Text="Online Registration" Value="Online Registration">
                </asp:MenuItem>
                <asp:MenuItem Text="Change Request" Value="Change Request"></asp:MenuItem>
                <asp:MenuItem Text="Event Schedules" Value="Event Schedules"></asp:MenuItem>
                <asp:MenuItem Text="Diploma Plus" Value="Diploma Plus"></asp:MenuItem>
                <asp:MenuItem Text="Contacts" Value="Contacts"></asp:MenuItem>
            </Items>
        </asp:Menu>

        </div>
    <div style="height: 20px; width: 595px">


        <div id = "words" style="background-color: #FF9900;">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
    </div>


</div>

Answer 1

围绕＆lt; div id =“words”元素的一些元素很可能会限制宽度。右键单击，在Google Chrome中选择“inspect-element”可能会有所帮助。

内容无法正常显示且div宽度未拉伸到整个页面。

1 个答案: