負邊距「包裝」？

-1

我現在在網站http://ezlimiteds.com/上工作。左箭頭應該與右箭頭位於相同的位置。當試圖鏡像我用左箭頭做同樣的事情時，它似乎'包裝'它當我做margin-left: -75px負邊距「包裝」？

它曾經工作，然後我搞砸了東西。

的按鈕：

<div class="controls"> 
<a class="back" href="?page=<?php echo($_SESSION['page']-1) ?>"><i class="fui-arrow-left"></i></a> 
<a class="next" style="float: right; margin-right: -75px;" href="?page=<?php echo($_SESSION['page']+1) ?>"><i class="fui-arrow-right"></i></a> 
</div>

相關的CSS：

.controls { 
    top: 50%; 
    transform: translateY(-50%); 
    z-index: 99; 
    font-size: 50px; 
} 

.container { 
    width: 970px !important; 
    padding-top: 25px; 
    margin-top: 25px; 
    z-index: -1; 
}

來源

2016-03-02 James A.

你可以在小提琴中發佈你的代碼嗎？ – AVI

右箭頭具有屬性

margin-right: -75px;

當您添加同爲左箭頭，它延伸該div太遠，它應該工作，如果你調低值。

.back { 
    margin-left: -50px; 
} 

.next { 
    margin-right: -50px; 
}

來源

2016-03-02 01:14:23

看到HTML代碼中，我發現那裏有一些proplem與您的網站後：

我HAVS見上文名爲「項」 10點的屬性，是不是唯一的每頁出現一次相同的ID？你可以發現div.controls有940 x 705px
也許你可以使用css的位置（如絕對/固定）讓我們把箭頭放在正確的位置上（如果我們可以簡化一下，爲什麼還要更加迷惑自己）

而第一個答案似乎沒有正確的工作....（我的意思是設置邊距左到-50px不起作用）

來源

2016-03-02 01:53:31 Simmer

負邊距「包裝」？

回答

相關問題