上部跨度移動下部跨度...爲什麼這是

我有這個page，我正在努力，你可以看到有四個圖像...如果你看看左下booda ...它有兩個鏈接查看Booda狗和查看Booda貓。如果你點擊頂部鏈接，底部鏈接會移動到左邊......我爲了我的生活無法弄清楚如何解決這個問題。我正在使用位置可靠性。下面是我的一些CSS的上部跨度移動下部跨度...爲什麼這是

.booda a.button_below { 
     left: 107px; 
    position: relative; 
    top: 64px; 
} 

.entry .booda a.button { 
position: relative; 
    right: 13px; 
    top: 31px; 
}

還有其他的CSS，如果你在Firebug查看

任何幫助將不勝感激...謝謝提前

來源

2011-05-24 Trace

這是否發生在所有瀏覽器上？ – diedthreetimes 2011-05-24 00:45:00

所有的mac瀏覽器（Firefox，safari，chrome）同樣的問題發生，是的 – Trace 2011-05-24 00:47:53

我不確定究竟發生了什麼，但將底部按鈕類從button_below更改爲button，並給它clear:right修復了我的問題。

希望這能讓您更接近解決方案！

來源

2011-05-24 00:57:41

真棒...那麼做...再次感謝...什麼是明確的權利做什麼 – Trace 2011-05-24 01:01:44

我不知道，我有一個艱難的時間篩選CSS，並在一個急件（gf獲得家），但我很高興它有幫助。我不想離開你，但我必須再次跑步，祝你好運！ – 2011-05-24 01:08:53

如果您的意思是「什麼是清除：正確*** ***做***？」，它確保它右側沒有浮動元素。 – 2011-05-24 01:13:27

它看起來對我來說，它有當鏈接被突出顯示時改變文本大小。

當選擇了上跨度時，跨度被放大並且底跨度被移位以正確對齊。

嘗試對齊跨度在右側而不是在左側。

編輯：要將一個跨度對齊到右側，您可以將其添加到您當前的跨度標記。

position: absolute; right: 0;

但是你要切換到絕對位置。要繼續使用相對定位，可以將跨度包裹在單個容器中。position: relative

來源

2011-05-24 00:48:03 diedthreetimes

你的意思是文本對齊的跨度ids – Trace 2011-05-24 00:50:16

試過了，它沒有工作...它仍然有，所以你可以看到 – Trace 2011-05-24 00:52:00

請勿使用position: relative與top和right。在他們的容器上使用position: relative，然後在那些span上使用position: absolute。

來源

2011-05-24 00:50:07 dtbarne

刷新頁面...我試過你的方法，不知道需要什麼css才能使這個方法工作 – Trace 2011-05-24 00:55:48

好吧，所以現在你只需要重新格式化其餘的CSS。你想'display：block'，並調整頂部/右側和寬度/高度屬性。 – dtbarne 2011-05-24 00:59:07

上部跨度移動下部跨度...爲什麼這是

回答

相關問題