html - 用固定的 div 标记文本问题

标签 html css css-position

当您更改网站的宽度(使其变小)时,问题就很明显了。当固定的 div 位于表格上方时,不可能正确标记文本(第一列较小时尤其明显)。当固定的 div 不在表格上方时,我可以毫无问题地标记文本。

我做了一些截图,我希望他们能解决这个问题:在第一张图片中它工作正常,但在第二张中,在宽度变小之后,问题清晰可见 - 文字上方的文字我要标记的实际上正在被标记。

Here it works fine

Here's the problem 提前致谢!

最佳答案

将此添加到您的 css 中,它将得到修复。因为 div 位于表格单元格的前面,所以它会阻止您标记单元格。

div#floating-form {
 height: 145px;
}

@media (max-width: 675px)
   div#floating-form {
     height: 75px;
   }
}

关于html - 用固定的 div 标记文本问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38373475/

相关文章:

php - NGINX - 将 html 文件映射到 php

html - 如何使用 div 在底部和顶部部分分割屏幕,其中底部是固定高度,顶部占用剩余空间

html - 使固定的 div 能够水平滚动

javascript - 如何使用 JavaScript 将 ChargeBee 链接添加到 HTML 元素?

使用 html/css 设置异常堆栈跟踪样式的 Java 库

php - 我可以在 CSS 悬停选择中更改 PHP 变量的值吗?

javascript - 鼠标悬停问题

html - 与其他浏览器相反,IE7 绝对位置从行首开始

绝对定位下拉菜单的CSS宽度和IE7问题

html - 填充不适用于叠加层