Html 左侧和右侧的页脚div

我想要这样：

|                                    |
|                                    |
|                                    |
|                                    |
|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>

最左边的页脚
最右边的页脚

---

您刚刚输入了一个拼写错误：width=100%应该是

width:100%

---

例如：

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

<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>

左边
正确的

width=100%是正确的宽度：100%不是

width=

，而是

width: