我正在使用 PHP、MySQL、CSS、HTML 和一些脚本语言从头开始创建我的第一个站点。这是一个约会网站。对不起我的英语不好,但这不是我的母语。我找到了解决我遇到的所有其他问题/问题的方法。但当我开始测试跨浏览器兼容性时,Chrome 中出现了一个奇怪的错误。该网站在这里http://www.writech.net.ee/testsite
该网站的想法是,每个想要与某人约会的人都可以用他/她的联系数据和描述填写表格并提交。每个广告都显示为浮动 div。这些 div 向左浮动。div 的高度是固定的,所以如果有人写了更长的描述并且它不适合 div,则会出现滚动条。应该包含描述文本的 div 用 1px 红色边框勾勒出来。
广告 div 在 IE9 和 Firefox 11 中是可以的,但在 Chrome 中,文本过多的 div 不适合应该应用“溢出:自动”以显示垂直滚动条的 div,出于某种原因,与其他 div 相比,它呈现到升高的位置。起初我认为问题与出现滚动条有关,尝试“溢出:隐藏” - 溢出:隐藏隐藏过多的文本,但与其他 div 相比,div 仍然显得升高。所以问题与 div 包含多少文本有关。
由于我之前没有跨浏览器适配的经验,我不知道该去哪里看,该做什么。有人对尝试哪些 CSS hack 有想法吗?