2

我有两个 html 代码。在第一个代码背景中没有出现。但是在第二个代码中，当我明确表示：两者； 代码然后背景来了。你能有其他简单的选项来显示背景而不是高度吗？我不想放置高度和额外的 div 结构。

第一个代码：-

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!-- please dont use height in background -->
<body>
<div style="background:#990000;">
<div style="float:left;">left part</div>
<div style="float:right">right part</div>
</div>
</body>
</html>

第二个代码： - 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!-- please dont use height in background -->
<body>
<div style="background:#990000;">
<div style="float:left;">left part</div>
<div style="float:right">right part</div>
<div style="clear:both"></div>
</div>
</body>
</html>

您的善意回复将受到高度评价。提前致谢。

4

3 回答 3

1

请尝试下面给出的代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!-- please dont use height in background -->
 <body>
 <div style="background-color:#999000;overflow:hidden;">
        <div style="float:left;">left part</div>
        <div style="float:right">right part</div>
 </div>
 </body>
 </html>

添加overflow:hidden. 这将是工作。

谢谢

于 2012-10-15T05:25:01.143 回答
0

嗨，如果您使用浮动，现在有很多选项可以清除父 div

就像这样 首先是 

.mainclear{
background:#990000;
}

.mainclear:after{
content:'';
  clear:both;
  overflow:hidden;
  display:block;
}

第二个是 

.mainclear{
background:#990000;
  overflow:hidden;
}

你的html代码 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!-- please dont use height in background -->
<body>
<div class="mainclear">
<div style="float:left;">left part</div>
<div style="float:right">right part</div>
</div>
</body>
</html>

先演示

---------\

演示二

于 2012-10-15T05:13:35.130 回答
0

添加overflow:auto到父 div

<div style="background:#990000; overflow:auto">

演示

于 2012-10-15T05:49:34.277 回答