如何让子div居右对齐,高手进!!!

axinaxinz 2010-07-24 07:48:43
<style>
#c{ border:1px solid red}
#b{border:1px solid green;width:100px;}</style>
</head>


<div id="c"><div id="b">我是子div</div></div>
要求不使用float。
为什么margin-right:0;会无效?
欢迎高手发表意见。
...全文
12318 20 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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
  • 打赏
  • 举报
回复 1
<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
  • 打赏
  • 举报
回复
<style>
#c{ border:1px solid red;text-align:right;}
#b{border:1px solid green;width:100px;}</style>
</head>


<div id="c"><div id="b">我是子div</div></div>
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>
菜鸟在成长 2010-07-24
  • 打赏
  • 举报
回复
margin-right不行,就用margin-left试试~
nethlk 2010-07-24
  • 打赏
  • 举报
回复
要求不使用float,外面套个table

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧