Question

目前的IE版本：11 网站：www.4pia.com/beta

现在我尝试使用Firefox，Chrome和IE11测试网站。 Chrome和Firefox都可以使用overflow CSS。但是，IE11没有。当我尝试在CSS代码中更改宽度/高度时，它根本不影响IE的渲染（所以我假设我的问题出在那里）。我不确定在哪里需要转移到溢出代码才能使其正常工作。

CSS：

#repnews{
    float: right;
    width: 450px;
    height: 600px;
}

#reptable tbody{ 
    width: 450px;
    height: 600px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #000; 
    font-size: 11px; 
    font-weight: bold;
}

#reptable tr{
    max-width: 450px;
    height: auto;
    display: block;
}

#reptable td{
    max-width: 360px;
    height: auto;
    display: block;
}

HTML / PHP

<?php
echo "<div id='repnews'>";
echo "<div class='counter' align='right'>".$reptotal."<img src='images/rep.png'></div>";
echo "<hr class='repborder'>";
echo "<table id='reptable'>";

echo "<tr><td><div class='icon'><a href='/beta/bio?code=".$code."'>".$Name."</a> - ".$Tim;
echo "<img src='images/reply.png' class='tooltip' title='Please sign into Twitter to reply'>";
echo "<img src='images/retweet.png' class='tooltip' title='Please sign into Twitter or Facebook retweet'>";
echo "<img src='images/check.png' class='tooltip' title='Please sign in to vote'>";
echo "<img src='images/veto.png' class='tooltip' title='Please sign in to vote'>";
echo "</div></td></tr>";
echo "<tr><td nowrap='wrap' width='360px'>".$Tweet."</td>";
echo "<td width='90px'><font color='green'>".$fol."<br>Followers</font></td></tr>";

echo "</table>";
echo "</div>";
?>

Answer 1

确保您没有使用overflow-x或overflow-y以及除了另一个之外的其他内容。可见值被解释为自动。

http://www.brunildo.org/test/Overflowxy2.html

这可以帮助CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

溢出-x / y在IE中不起作用

1 个答案: