【发布时间】：2010-11-05 01:41:06
【问题描述】：
使用 Safari 或 Chrome 浏览器访问此 URL： http://aspspider.net/sunlight1000/two_col_div_layout_w3valid.htm 设置浏览器窗口的宽度以确保绿色框的高度大于红色框的高度。然后抓住浏览器窗口的下边缘并将其拖到绿色框的下边缘并在它周围播放。当浏览器窗口的下边缘高于绿色框的下边缘时，您会注意到红色框消失了。然后继续缩小浏览器窗口的高度，红色框会再次出现。您会注意到，当浏览器窗口的下边缘到达红框的下边缘时，红框再次出现。在其他浏览器（IE、FF 和 Opera）中，红色框永远不会消失。这是 Safari 中的错误还是某种“功能”？无论如何，如果有人向我建议一种解决方法以避免 Safari 中的红色框消失，我将不胜感激。 以下是上述页面的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>2 Column Fixed Liquid CSS Layout</title>
<style type='text/css'>
.wrapper
{
width: 100%;
min-width: 300px;
}
.wrapright
{
float: left;
width: 100%;
background-color: Blue;
}
.right
{
margin-left: 160px;
background-color: Lime;
}
.left
{
float: left;
width: 150px;
margin-left: -100%;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="wrapright">
<div class="right">
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT, SED DIAM NONUMMY NIBH
EUISMOD TINCIDUNT UT LAOREET DOLORE MAGNA ALIQUAM ERAT VOLUTPAT.
</div>
</div>
<div class="left">
<div style="background-color: red;">
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT, ...
</div>
</div>
</div>
</body>
</html>
【问题讨论】：
标签： safari html-rendering