Question

CSS的DIV中设置的图片和文字出现在DIV框下方

一个DIV中设置了图片和文字（包含在<div>和</div>之间），但是图片和文字没在出现在DIV框内部，而出现在其下方，如图所示。代码如下：

<div id="Whats_Up">
<img src="whatsup.png" width="200" height="35" /><br />
此处显示 id "Whats_Up" 的内容
</div>

#whatsup只设置了三个属性：backgroudcolor，height=300px，width=400px。

实在找不出原因，请知道的朋友提点，谢谢！
@ m165550696
字在img下面这个没问题，现在的问题是img和字都不在div内部了（图中黄色框）。

Answer 1

你div中用img字就会在img的下面
你可以在div中用span把whatsup.png设为span的背景再在span中写
此处显示 id "Whats_Up" 的内容
<div style="width:400px; height:300px; background:#FFFF00; ">
<span style="width:200px; height:35px; background:#00FF00; position:relative; left:100px;">此处显示 id "Whats_Up" 的内容</span>
</div>

Answer 2

你在#whatsup这个div下面再写一行：
#whatsup img{float:left;}
这个是对你建的div里面的图片进行设置的
还有一个原因，可能是你写了这个</br>，把这个去掉应该就可以了；还要看一下你设置的#whatsup的高宽是不是比你的图片还小，希望对你有帮助

Answer 3

按照你这样讲的应该不会出现这个情况，除非其他CSS样式对 Whats_Up 有影响

Answer 4

div 嵌套错误，应该是这样的