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内部了(图中黄色框)。
你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>
你在#whatsup这个div下面再写一行:
#whatsup img{float:left;}
这个是对你建的div里槐侍面的图片进行设置的
还有一个原因,可能是你写了这个</br>,把这前明段个去掉应该就可以了;还要看一下你设置的#whatsup的高宽是不是比你的慧誉图片还小,希望对你有帮助
按照你这样讲的应该不会出现这个情况,除非其他CSS样式对 Whats_Up 有影响
div 嵌套错误,应该是这样的