开发者

Problem letting 2nd floating div filling out the rest of the horizontal space within container div

As the title explains, I have one container div, containing two floating divs of varying widths. See it in action here (it's the "Hotel booking" part):

http://experiencerapanui.com/book_hotel.php?hotel_id=3

I bordered the 2nd div for you. I need this 2nd div to fill out all the remaining space of the container div. I cannot fix the width of the first div, since the width of it varies depending on what the different hotels offer, but I still want the 2nd div (where the prices will appear) to fill out all the remaining space, to not make it so 开发者_开发技巧cramped.

How is this result achieved?


On your "bordered div", remove float: left and add overflow: hidden.

For a demo and explanation, see: Fill the space of a div


I just checked your page with IE. You don't have a doctype, so your page is hopelessly broken thanks to Quirks Mode.

Resolve this second problem by adding this (the HTML5 doctype) as the very first line of your HTML:

<!DOCTYPE html>
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜