UC知道问一个div+css的问题
来源：百度知道 编辑：UC知道 时间：2024/06/30 14:34:30
问一个div+css的问题，对高手来说应该非常简单，
为什么用div+css来布局页面，却不能在页面中加注释语句？
我试过，加上注释语句，块内的字符会跑到外面来。代码如下：
<div id="Sidebar">aa</div>
<!-- 主要内容版块 ---->
<div id="MainBody">dddddd</div>
</div>
MainBody内最后一个 d 会跑到版块的外面，这个现象只在IE里出现，Firefox和Opera显示却是正常的。
希望有人能告诉我有其它注释的方法吗？
#MainBody{
clear:both;
width:696px!important;width/**/:698px; /*设定宽度*/
text-align:left; /*文字左对齐*/
float:right; /*浮动居左*/
clear:right; /*不允许左侧存在浮动*/
border:1px solid #E00;
overflow:hidden; /*超出宽度部分隐藏*/
}
为什么用div+css来布局页面，却不能在页面中加注释语句？
我试过，加上注释语句，块内的字符会跑到外面来。代码如下：
<div id="Sidebar">aa</div>
<!-- 主要内容版块 ---->
<div id="MainBody">dddddd</div>
</div>
MainBody内最后一个 d 会跑到版块的外面，这个现象只在IE里出现，Firefox和Opera显示却是正常的。
希望有人能告诉我有其它注释的方法吗？
#MainBody{
clear:both;
width:696px!important;width/**/:698px; /*设定宽度*/
text-align:left; /*文字左对齐*/
float:right; /*浮动居左*/
clear:right; /*不允许左侧存在浮动*/
border:1px solid #E00;
overflow:hidden; /*超出宽度部分隐藏*/
}
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>
解决方法
1、不放置注释。最简单、最快捷的解决方法
2、注释不要放置于2