Float：左侧造成与其他分隔线的造型问题

html
css

2013-02-09 72 views 0 likes

我目前正在设计一个项目，我有三个不同产品的三个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：左侧造成与其他分隔线的造型问题

回答

相关问题