调整div中的div

时间:2010-11-20 11:48:04

标签: css xhtml

我有一个div和5个div。

<div style="width: 1000px">
 <div style="float: left; width: 50px;"></div>
 <div style="float: left; width: 50px;"></div>
 <div style="float: left; width: 50px;"></div>
 <div style="float: left; width: 50px;"></div>
 <div style="clear: both;"></div>
</div>

现在我想将内部div调整到右边。

2 个答案:

答案 0 :(得分:1)

给父div一个padding-left: 50px插入你想要的任何大小。

如果您希望它们居中,请将它们放在另一个div中,并将该div放在原始父级中。

答案 1 :(得分:1)

尝试给父div一个左边的填充,如下:

<div style="width: 1000px;padding-left:100px">
 <div style="float: left; width: 50px;"></div>

或者您可以尝试使用自己的元素定位每个元素,并使用margin-left:

<div style="width: 1000px;">
 <div style="float: left; width: 50px;margin-left:100px"></div>

一些资源:

http://www.w3schools.com/css/css_margin.asp
http://www.w3schools.com/css/css_padding.asp