Question

我在正在进行的网站上有2个下拉菜单，其中一个工作正常，另一个工作也是如此，但链接和另一个链接之间的空间完全破坏了它的图形。

不幸的是我无法发布图片，所以这里是代码。

HTML

width: 100%;

下拉菜单会在“Benvenuto＆lt;％session（”user“）％＆gt;上悬停显示，因此这里是CSS ..

                <ul class="header">
                    <% IF Session("Authenticated") = 0 THEN %>
                        <li class="right" id="clicktoshow"> login &nbsp; <img src="Immagini/Login.gif"> </li>
                    <% ELSE %>
                        <li class="right" id="logout"> Logout &nbsp; <img src="Immagini/Login.gif"> </li>
                        <li class="right"> Benvenuto <%=Session("User")%> &#9662;
                            <ul>
                                <% IF Session("Amministratore") = "True" THEN %>
                                    <li> <a href="materiains.asp"> <p> Inserisci Materia </p> </li>
                                    <li> <a href="argomentoins.asp"> <p> Inserisci Argomento </p> </li>
                                <% END IF %>
                                <li> <a href="paginaris.asp"> <p> Pagina Riservata </p> </a> </li>
                            </ul>
                        </li>
                    <% END IF %>
                </ul>

css几乎是从我的其他下拉菜单中复制的，适用于高度和宽度等等。

另一个问题..有没有办法将下拉列表的宽度设置为百分比，并始终获得父母的100％？就像让下拉菜单为父＆lt;“li”＆gt;的100％，而无需专门写“188px”。

Answer 1

您可以使用width: inherit在css中获取父级的宽度。

这是li之间没有空格的菜单，只是将backround-color应用到整个ul。 http://jsfiddle.net/2j1g200g/33/

CSS下拉菜单 - <li>和另一个之间的空间太大（边距：0;填充：0）

1 个答案: