2016-04-22 66 views
-2

我正在製作一個網站,當我創建一排按鈕時,其中一些按鈕稍微偏離了線條。按鈕被移出行

我的網站:(可惜只是一個模板,所以我真的不能給你的鏈接) enter image description here

代碼:(HTML)

enter image description here

代碼:(CSS)

enter image description here

對我來說這似乎很奇怪,因爲按鈕被設置爲其容器高度的100%,所以在技術上他們不會想到無論如何都無法擺脫它。我試圖搞亂容器的寬度和高度,但似乎沒有工作。也許我錯過了一些簡單的東西。

如果需要樣式表的其他部分我可以發佈它。

我不確定是否每個人都有我的問題。我想說的是,雖然按鈕的高度設置爲100%,但其中的一些按鈕仍然可以從大部分按鈕略微向下移動,這很奇怪。

enter image description here

+0

你能提供一個小提琴嗎?更容易問,更容易回答;-) – Yoeri

+0

@Yoeri你的意思是像一個鏈接的代碼? –

回答

0

我相信這個問題是你的保證金。

GameBtn會在所有邊上放一個邊距,而MenuBtn只在左邊設置邊距。這會讓事情發生。

不確定,但是,爲什麼你放置容器元素絕對。但是,這可能是另一個討論。此外,您在容器元素中設置了頂部和頂部邊距屬性。你可以刪除其中的一個。如果您打算將容器元素居中,則可以將其相對放置並將邊距設置爲邊距:65px auto 0;

+0

保證金似乎不成問題。按鈕內的內容是否有可能導致輪班? –

+0

但是,保證金:-2.5px什麼都不做。而且,不是將寬度應用於按鈕,而是應用左側和右側填充。這樣,按鈕隨着按鈕名稱的內容長度而增長。 – deemaxx