UC知道DIV嵌套布局问题，请高手指教
来源：百度知道 编辑：UC知道 时间：2024/09/21 22:21:18
为什么我用这样的代码嵌套DIV
<div>
<div><a href="#"><img src=..image/007.jpg/></a><div>
</div>
我想在这个图片里面再嵌套一个DIV用来对图片进行文字说明，为什么档我这样写的时候
<div>
<div><a href="#><img src=..image/007.jpg/></a><div>
<div>这里是图片的说明</div>
</div>
这样写后出现一个问题，我想的是图片在左边然后右边是文字说明，但是我上面的嵌套格式写下来得出的结果是文字始终在图片下方，我用了CSS还是一样
也使用了float浮动，使用了margin定义但还是没有用，请高手指点一下
<div>
<div><a href="#"><img src=..image/007.jpg/></a><div>
</div>
我想在这个图片里面再嵌套一个DIV用来对图片进行文字说明，为什么档我这样写的时候
<div>
<div><a href="#><img src=..image/007.jpg/></a><div>
<div>这里是图片的说明</div>
</div>
这样写后出现一个问题，我想的是图片在左边然后右边是文字说明，但是我上面的嵌套格式写下来得出的结果是文字始终在图片下方，我用了CSS还是一样
也使用了float浮动，使用了margin定义但还是没有用，请高手指点一下
div img{ float:left; width:你的宽度}
div div{float:left; width:你的宽度}
但两个的宽度加起来不能超过父容器的宽度
如果你有其中一个设置了margin-left(right)你一定要把它的display设国inline,否则在IE6会出错。因为IE6下，你同时设置了float和margin-left(right)的话，那么margin-left(right)显示的值会是实际设置的值的两倍，解决人办法是加是display:inline;
<div style="width:500px; height:100px">
<div style="width:200px; float: left"><a href=#><img src=..image/007.jpg width="150" height="80"/></a></div>
<div style="width:300px; float: left">这里是图片的说明</div>
</div>
你试一试吧 我这个可是正解