Question

任何人都可以提供帮助，我是网络的首发吗？这是代码：

<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>

Answer 1

首先，对于宽度，你使用窗口，使用宽度：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>

好吗？

Answer 2

拼错宽度？

寡妇：50像素;

Answer 3

因为你有两个子元素float:left，你必须清除它们。为overflow:auto添加.window。

演示： http://jsfiddle.net/CVcjf/1

Answer 4

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

Div不出现在主div上，div宽度不起作用

4 个答案: