1

我在调整菜单时遇到了一点问题。我正在制作一个占框架 80% 的横幅（宽度），我在横幅上方有一张桌子，这是我的菜单。在这里我的问题我不知道如何将位置固定到横幅的右上角，因为如果我将他的位置设置为绝对位置，当我缩小框架时它不会跟随横幅。所以我想知道他们是否可以让表格跟随图像而不是框架。这是我的 HTML 表的 CSS 代码：

border: 1px solid black;
border-color:Black;
display:none;
width:150px;
position:absolute;
left:1200px; 
vertical-align:top;

这里是横幅：

  style="width: 80%; height: 175px; margin-left: 0px" align="middle" />

这是我的母版页的代码，其中包含菜单和横幅：

    <%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link rel="Stylesheet" type="text/css" href="StyleSheet.css" />
    <style type="text/css">
        .style2
        {
           width:471px;
           background-size: 100%;
           background-position:center;

        }
        </style>
</head>
<body class="MainBody">
    <form id="form1" runat="server" class="MainForm">
    <div class="Header" runat="server" style="width:100%;">
        <div style="text-align:right; width:100%;" align="center">
            <table id="Tablessss";border="1"; 
                style="text-align:center; width:100%; table-layout:fixed; height: 94px;" 
                width="100%" align="center">
                <tr>
                    <td id="td_Title" runat="server" valign="middle" class="style2"><asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server"></asp:ScriptManager>
                         <table id="TB_Conn"  runat="server"  class="Connection" align="right">
                            <tr>
                                <td align="center"  class="Cells">
                    <asp:Label ID="lbl_User" runat="server" Font-Size="Medium" ></asp:Label>
                                </td>


                                <td align="center"  class="Cells">
                    <asp:Label ID="lbl_Access" runat="server" Font-Size="Medium" ></asp:Label>
                                </td>

                                <td align="center" class="Cells">
                    <asp:Button ID="btn_Disconnect" runat="server" text="D&eacute;connecter" 
                            Visible="true" />
                                </td>
                            </tr>
                        </table>
                        <img alt="" src="pharmacy-banner.jpg" 
                            style="width: 80%; height: 175px; margin-left: 0px" align="middle" />

                   </td>
                </tr>
            </table>
        </div>
    </div>
    <div style="position:relative;min-height:100%;height:auto !important;height:100%;">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    <div class="Footer" runat="server">
        <asp:Label ID="lb_Developped" runat="server" Text="D&eacute;velopp&eacute; par EXA Systems Inc."></asp:Label><br />www.exainc.com</div>
    </form>
</body>
</html>

谢谢

4

1 回答 1

1

尝试使用float:right;并尝试在 jsfiddle.net 之类的网站上显示您的代码...

于 2013-03-12T16:56:45.840 回答