如何制作这个横幅？伸展东西100并在左右对齐的东西之间找到底部

Question

这是设计：

IMG                                     SEARCH FIELD (floated right)
IMG
IMG I want here something to be 100% stretcheeeeeeeeeddddddddddddddd

http://jsfiddle.net/478AC/

<img src="http://static.idokep.hu/images/nagyelore/ujikon2/041.png" style="float: left">
    <div style="float: right; background-color: yellow;">Search field</div>
    <div style="background-color: red; float: left">left it be 100% width AND alligned to bottom</div>

˚F

Answer 1

你走了。

<强> WORKING DEMO

代码更改：

<div style="background-color: #FF0000;
bottom: 0;
position: absolute;">left it be 100% width AND alligned to bottom</div>

如果您希望它位于云和黄色字段之间，请使用以下内容。

<强> WORKING DEMO - 2

代码更改：

<div style="background-color: #FF0000;
    bottom: 125px;
    left: 205px;
    position: absolute;">left it be 100% width AND alligned to bottom</div>

希望这有帮助。