开发者

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

开发者 https://www.devze.com 2023-03-14 08:00 出处：网络

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

相关专题：css css-float space

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: