html div 为什么里面的元素跑到div下面不行啊！！
<html><head><styletype="text/css"><!DOCTYPEHTMLPUBLIC"-//W3C//DTDXHTML1.0Transitional...
<html>
<head>
<style type="text/css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.div0 {
border: 1px solid #2BD5D5;
margin-left: 100px;
margin-right: 100px;
}
.div2 {
background: #E7E5E4;
border: 1px solid #2BD5D5;
height: 500px;
margin-left: 400px;
}
.div1 {
border: 1px solid #2BD5D5;
height: 500px;
width: 400px;
margin-right: 400px;
float: left;
}
.p
{
font-size:20px;
font-weight:bolder;
line-height:30px;
text-indent:2em;
margin:10px;
}
</style>
</head>
<body>
<div class="div0">
<div class="div1">
<p style="padding:5px"><img src="$Data.Product.ImagePath" style="width:390px;height:280px;"/></p>
<div style="border-top: 2px solid #2BD5D5;height:200px;">
<p class="p">$Data.Product.Msg</p>
</div>
</div>
<div class="div2">
<p >sadasd</p>
</div>
</div>
</body>
</html>
<p>元素不该在div的里面吗？为什么会跑到下面呢 展开
<head>
<style type="text/css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.div0 {
border: 1px solid #2BD5D5;
margin-left: 100px;
margin-right: 100px;
}
.div2 {
background: #E7E5E4;
border: 1px solid #2BD5D5;
height: 500px;
margin-left: 400px;
}
.div1 {
border: 1px solid #2BD5D5;
height: 500px;
width: 400px;
margin-right: 400px;
float: left;
}
.p
{
font-size:20px;
font-weight:bolder;
line-height:30px;
text-indent:2em;
margin:10px;
}
</style>
</head>
<body>
<div class="div0">
<div class="div1">
<p style="padding:5px"><img src="$Data.Product.ImagePath" style="width:390px;height:280px;"/></p>
<div style="border-top: 2px solid #2BD5D5;height:200px;">
<p class="p">$Data.Product.Msg</p>
</div>
</div>
<div class="div2">
<p >sadasd</p>
</div>
</div>
</body>
</html>
<p>元素不该在div的里面吗？为什么会跑到下面呢 展开
3个回答
展开全部
你好 首先我想说下 <p style="padding:5px"><img src="$Data.Product.ImagePath" style="width:390px;height:280px;"/></p>
类似于这种放图片的 最好还是div标签 更符合语义些 如果是图+文 最好是 dl dt dd布局
其次 关于你的p标签下移问题：
如果你给p标签 加上 display：block 转化为块级元素
应该能解决此问题
希望能帮到你 谢谢
类似于这种放图片的 最好还是div标签 更符合语义些 如果是图+文 最好是 dl dt dd布局
其次 关于你的p标签下移问题：
如果你给p标签 加上 display：block 转化为块级元素
应该能解决此问题
希望能帮到你 谢谢
追问
p标签下移问题还是不能解决哎
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把 .div1 {
border: 1px solid #2BD5D5;
height: 500px;
width: 400px;
margin-right: 400px;
float: left;
}
中的margin-right: 400px;去掉
border: 1px solid #2BD5D5;
height: 500px;
width: 400px;
margin-right: 400px;
float: left;
}
中的margin-right: 400px;去掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这个就是div1里面那个 margin-right: 400px; 挤下来的，去掉或者把像素调小一点根据你自己的需要！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
