武林网(www.vevb.com)文章简介:下面这段代码是个常见的问题,解决的办法也有多个,最近发现一种放,放上来和大家讨论一下.
下面这段代码是个常见的问题,解决的办法也有多个,最近发现一种放,放上来和大家讨论一下:
问题代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<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 - webjx.com
</div>
<div id="right">
right - webjx.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 全部选择 提示:你可先修改部分代码,再按运行]
新闻热点
疑难解答