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>
精彩评论