IE7下td中元素使用margin负值,溢出部分被隐藏

Dear 丶 2022-08-13 15:57 173阅读 0赞

![Center][]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
        <title>Document</title>
    
    <style>
        b {
            height: 20px;
            width: 20px;
            background-color: red;
            float: left;
            margin-left: -18px;
        }
        td {
            border: solid 1px green;
        }
        table {
            border-collapse: collapse;
            margin: 0 auto;
        }
        .resolveTdOverflow { *position: relative; }
    </style>
    </head>
    <body>
    
        <table>
            <tr>
                <td><b>1</b>11</td><td>12</td>
            </tr>
            <tr>
                <td><b class="resolveTdOverflow">2</b>21</td><td>22</td>
            </tr>
        </table>
    
    </body>
    </html>

[Center]: /images/20220810/df34759205054121974f0b079c0937b4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关 td外边加div为啥不隐藏_为什么溢出：隐藏不工作在一个<td>？

这是同样的问题。你需要在table元素上设置table-layout:fixed 和一个合适的宽度，以及在表格单元格上设置overflow:hidden和white-sp

小咪咪/ 2023年01月09日 12:44/ 0 赞/ 121 阅读

相关 HTML标签的margin设为负值会怎么样

margin:百分比，是相对于父元素的宽度假设给元素设置 `margin:-40px` 测试HTML <main> <div cl

港控/mmm°/ 2022年12月11日 09:11/ 0 赞/ 166 阅读

相关 table中td,th不能设置margin

首先，我们需要知道的是：我们可以对表格table设置margin，而不能设置padding;对单元格td设置padding，而不能设置margin。所以说，我们不能对单元格td

╰半夏微凉°/ 2022年10月05日 04:49/ 0 赞/ 225 阅读

相关 margin 负值之美

公告 [CSS布局奇淫巧计之-强大的负边距][CSS_-] css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到

短命女/ 2022年09月23日 11:56/ 0 赞/ 14 阅读

相关 IE7下td中元素使用margin负值,溢出部分被隐藏

![Center][] <!DOCTYPE html> <html lang="en"> <head> <meta charset="

Dear 丶/ 2022年08月13日 15:57/ 0 赞/ 174 阅读

相关 css中利用margin来隐藏元素

例如 <style> div \{ width:200px; height:200px; background-color:lightlue; margin:0p

叁歲伎倆/ 2022年07月17日 00:29/ 0 赞/ 197 阅读

相关 margin的负值

margin的负值前不久看到了久闻大名的双飞燕布局，其中用到的主要技巧就是margin的负值。margin的负值大致有以下几种效果。 1. 用在普通文档流中在

「爱情、让人受尽委屈。」/ 2022年06月11日 23:11/ 0 赞/ 185 阅读

相关 table td 固定宽度，超出部分省略隐藏

table添加一个样式： style="table-layout:fixed;" width=100% table要给个宽度，可以是固定值，可以是

小咪咪/ 2022年03月29日 09:29/ 0 赞/ 307 阅读

相关 IE6、IE7、Firefox中margin问题解决办法

你对IE6/IE7/Firefox的margin问题解决办法了解多少，这里和大家分享一下，希望对你的学习有所帮助。 IE6/IE7/Firefox的margin问题解决办法

野性酷女/ 2022年03月15日 05:36/ 0 赞/ 224 阅读

相关在table中设置td的文本溢出后隐藏

1.在td里加div，设置div的css（一定要设置宽度）： overflow:hidden; white-space:norwarp; text-o

待我称王封你为后i/ 2021年09月18日 19:08/ 0 赞/ 537 阅读