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

时间:2011-11-11 10:35:50

标签: html css

页面设置为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;}

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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