div布局问题 问题在style里的这个地方 #div3的margin-left:是-450px;
为什么我觉得应该是-300px就能实现蓝红绿三个div的并排排列了呢？<html><head><title>无标题文档</title><styletype="text/c...
为什么我觉得应该是 -300px 就能实现蓝红绿三个div的并排排列了呢？
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
div{ width:150px;
height:100px;
color:#FFFFFF;
float:left;}
#div1 {
background-color:#FF0000;
margin-left:150px;
display:inline;
}
#div2 {
background-color:#00FF00;
}
#div3 {
background-color:#0000FF;
margin-left:-450px;
}
</style>
</head>
<body>
<div id="div1">waibuding01</div>
<div id="div2">waibuding02</div>
<div id="div3">waibuding03</div>
</body>
</html> 展开
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
div{ width:150px;
height:100px;
color:#FFFFFF;
float:left;}
#div1 {
background-color:#FF0000;
margin-left:150px;
display:inline;
}
#div2 {
background-color:#00FF00;
}
#div3 {
background-color:#0000FF;
margin-left:-450px;
}
</style>
</head>
<body>
<div id="div1">waibuding01</div>
<div id="div2">waibuding02</div>
<div id="div3">waibuding03</div>
</body>
</html> 展开
1个回答
展开全部
我可以告诉你其他属性都用不上只需要一个左浮动三个div就可以并排了（margin-left还有display:inline都可以去掉）
追问
我是想练习一下这个颠倒顺序的
您能解决一下我这个低级的问题么 谢谢>_<
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
