gpt4 book ai didi

html - Bootstrap 3 - 重叠内容(Clearfix?)

转载 作者:行者123 更新时间:2023-11-28 17:18:31 26 4
gpt4 key购买 nike

我的 HTML (Bootstrap) 中有一个问题,即三列页脚在大多数桌面上显示正常,但在较小的屏幕尺寸(平板电脑/移动设备)上折叠/重叠。

我使用 float: left;对于几个页脚元素 - 也许是相关的。

我可以用 <div class="clearfix"></div> 修复它在有问题的元素之后,但这会破坏桌面上的三列布局。

我错过了什么?

截图:

Screenshot of Footer

例子:

http://www.bootply.com/YRCLoHI7Uw

最佳答案

你的代码有问题

问题:

您正在使用 px同时给予width , paddingmargin<address>.box .

解决方法:

应该始终使用%em在进行响应式设计的同时。 %对于 widthem对于 paddingmargin因为%em将根据width展开和收缩.

关于html - Bootstrap 3 - 重叠内容(Clearfix?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28207849/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com