dw中 div位置问题
新手求助，在dw中，div的位置总也固定不好，如下图，我想把div：d放在divabc的右侧空白处，设置浮动对齐的方式也不对，请高手解答，在线等！...
新手求助，在dw中，div的位置总也固定不好，如下图，我想把div：d放在div abc 的右侧空白处，设置浮动对齐的方式也不对，请高手解答，在线等！
展开
4个回答
展开全部
<body>
<div style="width:600px; margin:0 auto;">
<div style="width:300px; float:left;">
<div style=" height:100px; background:#ffa195;">div_a</div>
<div style=" height:100px; background:#fadd9b;">div_b</div>
<div style=" height:100px; background:#e3faaa;">div_c</div>
</div>
<div style="width:300px; float:right; height:300px; background:#acdffa;">div_d</div>
</div>
</body>
<body>
<div style="width:600px; margin:0 auto;">
<div style="width:300px; float:right; height:300px; background:#acdffa;">div_d</div>
<div style="width:300px;">
<div style=" height:100px; background:#ffa195;">div_a</div>
<div style=" height:100px; background:#fadd9b;">div_b</div>
<div style=" height:100px; background:#e3faaa;">div_c</div>
</div>
</div>
</body>
2个有一点点区别，请注意分辨，不过都可以解决你的问题
追问
谢谢您 一会儿都试试｀｀｀｀
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要把div a b c放在一个左浮动的大DIV中。
<style>
.xxx{float:left; width:800px; height:600px;}
.a{height:200px; background:#F00;}
.b{height:200px; background:#0F0;}
.c{height:200px; background:#00F;}
.d{float:left; width:200px; height:600px; background:#FF0;}
</style>
<div class="xxx">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
<div class="d"></div>
<style>
.xxx{float:left; width:800px; height:600px;}
.a{height:200px; background:#F00;}
.b{height:200px; background:#0F0;}
.c{height:200px; background:#00F;}
.d{float:left; width:200px; height:600px; background:#FF0;}
</style>
<div class="xxx">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
<div class="d"></div>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以发下你的QQ吗你把源文件发给我我给你改改你看看就知道了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
每个div 要固定好 宽度 高度
div a b c 添加样式 float:left; clear:both; overflow:hidden;
div d 添加样式 float:right;
希望对你有帮助
div a b c 添加样式 float:left; clear:both; overflow:hidden;
div d 添加样式 float:right;
希望对你有帮助
更多追问追答
追问
嗯嗯 谢谢您 我总宽设的960 abc宽都是650 d的宽度是300 按您说这个试了一下还是不行，不知道哪的问题自己没设置对，好纠结！
追答
在布局上 做出调整 也能很好的 结绝
<style>
*{ margin:0px; padding:0px;}
.zong{width:600px; border:#000 1px solid; height:450px;}
.a{width:400px; height:150px; float:left; overflow:hidden; background:red;}
.b{width:400px; height:150px; float:left; overflow:hidden; background:yellow;}
.c{width:400px; height:150px; float:left; overflow:hidden; background:blue;}
.d{width:200px; height:450px; float:right; overflow:hidden; background:#ccc;}
</style>
<div class="zong">
<div class="a">div_a</div>
<div class="d">div_d</div>
<div class="b">div_b</div>
<div class="c">div_c</div>
</div>
效果图：
IE8
IE7内核的 搜狗浏览器
IE6
代码图
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
