如何让子div居右对齐，高手进！！！

axinaxinz 2010-07-24 07:48:43

...全文

12319 20 打赏收藏转发到动态举报

写回复

用AI写文章

20 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhang_2007 2010-07-29

打赏
举报

lz，div中的子div默认浮动是float：left，所以你的margin-right是没用的。你可以这样改，#c{ border:1px solid red width：200px；padding-left：98px}，这样也可以让子div向右浮动。

WebAdvocate 2010-07-27

打赏
举报

就算是设置了 margin-right:0，也不会使DIV 居右对齐

lxh75 2010-07-27

打赏
举报

顶一下

jiangshan0318 2010-07-26

打赏
举报

<div id="c"><div id="b">我是子div</div></div>
要求不使用float。
为什么margin-right:0;会无效？
但是你又觉得设置margin-left呆板。

好那就用float吧，很方便啊，
<div id="c">
<div id="a">我是左边的div</div>
<div id="b">我是右边的div</div>
<div class="clear">我是清楚浮动的，防止不同浏览器出问题</div>

</div>
你给a设置float：left，给b设置float：right，互不影响啊，然后清除一下浮动，左边不耽误写内容，即使你吧a删除了页面布局还是不会改变，多方便啊

WebAdvocate 2010-07-26

打赏
举报

ls的做法会有兼容性问题，在IE中可以居右对齐，其他浏览器中无效。
参见“跨浏览器开发”专版的帖子：http://topic.csdn.net/u/20100702/15/e0087252-0975-424b-8b9b-ce6c6cb3699d.html?49873

bac6898941 2010-07-25

打赏
举报

为什么margin-right:0;会无效

margin-right:0px;
加上参数

axinaxinz 2010-07-25

打赏
举报

我意思是让子div移到右对齐，设置Margin_left很呆板

che253604783 2010-07-25

打赏
举报

<div id="c" style="border:1px solid red;text-align:right"><div id="b">我是子div</div></div>

che253604783 2010-07-25

打赏
举报

<div id="c" style="border:1px solid red;text-align:right"><div id="b">我是子div</div></div>

huangyunzeng2008 2010-07-25

打赏
举报

学习中！

走在风中 2010-07-25

打赏
举报

你的意思是想让DIV居右，还是里面的内容居右？如果是内容居右，在C里加上text-align:right就行了；如果是DIV居右的话，最好是margin-right和margin-left都设置一下。

kongwu525 2010-07-25

打赏
举报

xiazaitianshi 2010-07-25

打赏
举报

study~

zming 2010-07-25

打赏
举报

使用 position (定位)



<style>

#c{ border:1px solid red; position:relative;}

#b{border:1px solid green;width:100px; position:absolute;top:0;right:0;}</style>

</head>





<div id="c"><div id="b">我是子div</div></div>

kaifadi 2010-07-25

打赏
举报

想设置居右必须的设置应该是少不了的吧！

dalmeeme 2010-07-24

打赏
举报

<html>
<head>
<style>
#c {
border:1px solid red;
text-align:right;
}
#b {
border:1px solid green;
width:100px;
text-align:left;
}
</style>
</head>
<body>
<div id="c">
<div id="b">我是子div</div>
</div>
</body>
</html>

dalmeeme 2010-07-24

打赏
举报

<html>
<head>
<style>
#c {
border:1px solid red;
text-align:right;
}
#b {
border:1px solid green;
width:100px;
}
</style>
</head>
<body>
<div id="c">
<div id="b">我是子div</div>
</div>
</body>
</html>