Question

页面设置为100％流体宽度时出现奇怪问题，该页面具有浮动目录类别部分和标题。

http://www.inside-guides.co.uk/brentwood/business-directory/index.html

问题是当屏幕分辨率低于例如1024px（或者当一个较大的例如1280px窗口被最小化超过一定分辨率时），类别标题消失到下一个级别，我不知道为什么。

如果您访问目录页面并将窗口最小化为1024px，您将看到标题下拉，顶部类别没有标题。非常感谢帮助！

这是CSS：

/* Business Dir */
.bus-dir {clear:left;}
.bus-dir .logo {padding-top:3px;line-height:0;float:left;width:40px;height:70px;overflow:hidden;}
.bus-dir h2 a {width:90%;color:#242672;line-height:1.25;font-size:19px;float:left;}
.bus-dir p{margin:0}
.bus-dir .subcats {float:none;padding-bottom:20px;line-height:1.5;font-size:15px;}
#dir-left {float:left;width:47%;margin:0 2.3% 0 0.7%;}
#dir-right {float:left;width:48%;}
.bus_dir p, .bus_dir a {margin:1.5em 0 2em;clear:both;}

Answer 1

您需要删除float: left上的.bus-dir h2 a。

Answer 2

从类别h2s中的锚标记中删除浮动应修复它

浮动元素在不同的屏幕分辨率下消失

2 个答案: