DIV嵌套布局问题，请高手指教 10
为什么我用这样的代码嵌套DIV<div><div><ahref="#"><imgsrc=..image/007.jpg/></a><div></div>我想在这个图片里面...
为什么我用这样的代码嵌套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控制 自己慢慢看吧
<div>
<div><a href="#"><img src=..image/007.jpg/></a><div>
<div>我想在这个图片里面再嵌套一个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>
<div>
<div><a href="#"><img src=..image/007.jpg/></a><div>
<div>这里是图片的说明</div>
</div>
这样写后出现一个问题，我想的是图片在左边然后右边是文字说明，但是我上面的嵌套格式写下来得出的结果是文字始终在图片下方，我用了CSS还是一样
也使用了float浮动，使用了margin的边距定义但还是没有用，请高手指点一下
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div+css并非全div,你可以用其他标签更简单.你那样用div是不对,如果你是想对图片进行文字说明的话,可以用下面的代码.
<div>
<dl>
<dt>
<a href="#"><img src=..image/007.jpg/>
</a>
</dt>
<dd>这里是图片的说明</dd>
</dl>
</div>
然后用把用css样式进行设置,就可以了.比如:
<style type="text/css">
<!--
.h {
width: 780px;
}
.h dt {
float: left;
}
.h dd {
text-indent: 45px;
}
-->
</style>
</head>
<body>
<div class="h">
<dl>
<dt>
<a href="#"><img src=..image/007.jpg/>
</a>
</dt>
<dd>对图片的说明</dd>
</dl>
</div>
</body>
<div>
<dl>
<dt>
<a href="#"><img src=..image/007.jpg/>
</a>
</dt>
<dd>这里是图片的说明</dd>
</dl>
</div>
然后用把用css样式进行设置,就可以了.比如:
<style type="text/css">
<!--
.h {
width: 780px;
}
.h dt {
float: left;
}
.h dd {
text-indent: 45px;
}
-->
</style>
</head>
<body>
<div class="h">
<dl>
<dt>
<a href="#"><img src=..image/007.jpg/>
</a>
</dt>
<dd>对图片的说明</dd>
</dl>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个DIV都设置左对齐。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
