Float：左側造成與其他分隔線的造型問題

我目前正在設計一個項目，我有三個不同產品的三個div。我還有一個付款方式圖片div以及版權分部。這三個產品div在自己的包裝中向左移動，允許它們正確居中並顯示，雖然這導致版權和付款方式div出現在不同的位置而不是它們應該在的位置。Float：左側造成與其他分隔線的造型問題

固定，謝謝你的幫助！

來源

2013-02-09 user1832425

？ – asifsid88 2013-02-09 11:42:40

這意味着你想在左邊的版權和貝寶在左邊？我是對的 – asifsid88 2013-02-09 11:44:46

版權div應該顯示在頁面中央的三個產品下面，並且在頁面中心的下面顯示貝寶：S – user1832425 2013-02-09 11:46:12

我認爲你需要添加clear:both到您的CSS浮動列表後的元素。

.copyright { 
    ... 
    clear:both; 
}

來源

2013-02-09 11:45:03 alexg

您確定這可以解決問題嗎？ – asifsid88 2013-02-09 11:46:47

完美的作品，謝謝！ – user1832425 2013-02-09 11:47:39

這是你在找什麼http://css-tricks.com/snippets/css/clear-fix/

.group:before, 
.group:after { 
    content: ""; 
    display: table; 
} 
.group:after { 
    clear: both; 
} 
.group { 
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */ 
}

您想要的版權和支付方式的圖像是

來源

2013-02-09 11:50:03 iConnor

Float：左側造成與其他分隔線的造型問題

回答

相關問題