下面這段代碼是個常見的問題,解決的辦法也有多個,最近發現一種放,放上來和大家討論一下:
問題代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css" media="screen">
<!--
#content { overflow: hidden; zoom: 1; }
#left { float: left; width: 200px; }
#right { background: #FFC8D0; }
-->
</style>
</head>
<body>
<div id="content">
<div id="left">
left - poluoluo.com
</div>
<div id="right">
right - poluoluo.com
</div>
</div>
</body>
</html>
解決後CSS:
#content { overflow: hidden; zoom: 1; }
#left { float: left; width: 200px; }
#right { background: #FFC8D0;overflow: hidden; zoom: 1; }
查看運行效果:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]