1. 首頁
  2. 問答
  3. CSS定位問題。在兩個div之間創建一個空格。

CSS定位問題。在兩個div之間創建一個空格。

2011-10-08 53 views
0

我的網頁可以在http://www.sarahjanetrading.com/js/j/index.html找到。所有圖像和XHTML + CSS都在那裏，任何人都可以訪問。CSS定位問題。在兩個div之間創建一個空格。

由於特色主要內容與主要內容之間的uFlip圖像，因此存在此空白區域。

我一直在試圖解決這個問題一段時間沒有成功。

感謝

來源

2011-10-08 user967211

+0

現在我建議將我的精選div擴展到uFlip圖像的末尾，但是我的精選div背景圖像大小已經太大了，我不能再讓它變得更大。 – user967211

+0

另外增加位置：絕對uFlip圖像似乎解決空白問題，但我敢肯定這不是一個好方法，因爲在某些瀏覽器或設備中位置絕對顯示奇怪 – user967211

+0

您在使用時應該謹慎'position：absolute'，因爲它從普通文檔流中移除元素;它不再在佈局計算中保留任何空間。 –

回答

0

我嘗試以下，並在去除空白的工作：

#featured-image { 
    margin-left: 98px; 
    margin-top: -41px; 
}

它可以在FF7，但我不知道其他瀏覽器。

來源

2011-10-08 18:29:32

2

快速修復：添加margin-top: -78px;到#main。

要展開一點......當您希望顯示的元素好像跨越或「轉義」容器時，您有幾個選項。在那些有：

  • 負邊緣，無論是元件本身上，或者在相鄰的元件
    • 使用任一負值或相對定位到一個父容器
  • 創建容器的外觀
  • 絕對/相對定位該是不是真的通過使用背景圖像或其他CSS技巧

來源

2011-10-08 18:30:18 steveax

1

如果你不想使用位置絕對爲什麼不裁剪圖像的底部，然後使用CSS背景圖像上的下一個元素完成uFlip圖像？

來源

2011-10-08 18:32:23 lnrbob

相關問題

 相關問題