Css 部门不';t出现在主div上,div width don';行不通

Css 部门不';t出现在主div上,div width don';行不通,css,Css,有人能帮忙吗?我是网络新手?以下是代码: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- .window { margin:0; padding:0; border: solid 1px #666666; } .image { height:50px; widows:50px; float:l

有人能帮忙吗?我是网络新手?以下是代码:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.window {
margin:0;
padding:0;
border: solid 1px #666666;
}
.image {
height:50px;
widows:50px;
float:left;
}
.text {
font-size:12px;
color:#666666;
float:left;
}
-->
</style>
</head>
<body>
<div class="window">
<div class="image">image</div>
<div class="text"></div>
</div>
</body>

形象

您应该为div指定一个宽度和高度,以使其可见。

首先,对于宽度,使用窗口,使用宽度:50px;要在div窗口上显示div图像和div文本,请使用clear div,请参阅下面的代码

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.window {
margin:0;
padding:0;
border: solid 1px #666666;
}
.image {
height:50px;
width:50px;
float:left;
}
.text {
font-size:12px;
color:#666666;
float:left;
}
.clear {
clear:both;
}   
-->
</style>
</head>

<body>
<div class="window">
<div class="image">image</div>
<div class="text"></div>
<div class="clear"></div>
</div>
</body>

形象
可以吗?

拼错宽度

寡妇:50像素


因为有两个子元素
float:left
,所以必须清除它们。为
窗口添加
溢出:自动

演示: