移動網站上的邊框CSS

Question

我在導航標誌下的以下網站http://geertsprengers.be/上有一個邊框。

現在的問題是，當我在移動網站上有兩行徽標時，邊框應該與點擊標誌下方的箭頭相同。

完成此操作的最簡單方法是什麼？

Answer 1

您能否提供一些關於您想要發生的事情的更多信息？

從我能收集到的信息中，您希望在導航中的徽標下面的邊框在瀏覽器縮小到移動大小時（徽標放到兩行）時保持低於徽標？

如果這是您將只需做兩件事情的情況：

1. 更改float: left你對標識（LI標籤）來display: inline-block。

2. 更改height: 54px您目前在導航中已登錄到height: auto。

問題是你試圖保持浮動元素包含在具有固定高度的元素內，這在你的情況下不起作用。相反，您需要移除固定的高度，這將允許nav在擴展時適應浮動元素。

希望這會有所幫助。