Question

我想这样：

|                                    |
|                                    |
|                                    |
|                                    |
|left                           right|
|                                    |

它在页脚上，一个在左边，另一个在右边。我的代码没能做到。怎么解决？

 <div style="height:15%;position:absolute;bottom:0px;width=100%">
   <div style="float:left;left:0;width:100px;border:1px solid red">footer leftest</div>

   <div style="float:right;right:0;width:100px;border:1px solid green;">footer rightest </div>
</div>

http://jsfiddle.net/gclsoft/xdUdE/

Answer 1

你只有一个错字：宽度= 100％应该是width:100%

示例：http://jsfiddle.net/xdUdE/1/

Answer 2

如果要对齐文本或图片等内联元素，请使用text-align：

<div style="height:15%;position:absolute;bottom:0px;">
   <div style="float:left;text-align:left;width:100px;border:1px solid red">left</div>   
   <div style="float:left;text-align:right;width:100px;border:1px solid green;">right</div>
</div>

左侧和右侧的页脚div

2 个答案: