How to get Floating DIVs inside fixed-width DIV to continue horizontally?

by 
div#container {
    height: 275px;
    width: 1000px;
    overflow: auto;
    white-space: nowrap;
}

div#container span.block {
    width: 300px;
    display: inline-block;
}

The trick here is only elements that behave as inline by default will behave properly when set to inline-block in Internet Explorer, so the inner containers need to be <span> instead of <div>.

More Related Contents:

  1. Floating elements within a div, floats outside of div. Why?
  2. CSS Floating Divs At Variable Heights [duplicate]
  3. Advantages of using display:inline-block vs float:left in CSS
  4. How to create equal height columns in pure CSS [duplicate]
  5. Make outer div be automatically the same height as its floating content
  6. Split Div Into 2 Columns Using CSS
  7. CSS text ellipsis when using variable width divs
  8. Div side by side without float
  9. CSS Floating Divs with different height are aligned with space between them
  10. Stacking DIVs on top of each other?
  11. How to draw this chart in html and CSS? [closed]
  12. Change a HTML5 input’s placeholder color with CSS
  13. Canvas is stretched when using CSS but normal with “width” / “height” properties
  14. Remove padding from columns in Bootstrap 3
  15. Center a ‘div’ vertically in a % height ‘div’
  16. Single huge .css file vs. multiple smaller specific .css files? [closed]
  17. xHTML/CSS: How to make inner div get 100% width minus another div width
  18. How to display a reverse-ordered list in HTML?
  19. CSS div element – how to show horizontal scroll bars only?
  20. How can I remove space (margin) above HTML header?
  21. Internet Explorer z-index bug?
  22. How to customize the HTML5 input range type looks using CSS?
  23. For div to extend full height
  24. How to make the overflow CSS property work with hidden as value
  25. SPAN vs DIV (inline-block)
  26. how to rotate text left 90 degree and cell size is adjusted according to text in html
  27. Set div height equal to screen size
  28. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  29. Expanding the parent container with 100% height to account for floated content
  30. Floating Div Over An Image

Leave a Comment