Two divs, one fixed width, the other, the rest

by

See: http://jsfiddle.net/SpSjL/ (adjust the browser’s width)

HTML:

<div class="right"></div>
<div class="left"></div>

CSS:

.left {
    overflow: hidden;
    min-height: 50px;
    border: 2px dashed #f0f;
}

.right {
    float: right;
    width: 250px;
    min-height: 50px;
    margin-left: 10px;
    border: 2px dashed #00f;
}

You can also do it with display: table, which is usually a better approach: How can I put an input element on the same line as its label?

More Related Contents:

  1. How do you get the footer to stay at the bottom of a Web page?
  2. How do you easily horizontally center a using CSS? [duplicate]
  3. CSS Floating Divs At Variable Heights [duplicate]
  4. Footer at bottom of page or content, whichever is lower
  5. Is there a way to make a child DIV’s width wider than the parent DIV using CSS?
  6. 2 column div layout: right column with fixed width, left fluid
  7. Is float for layout bad? What should be used in its place?
  8. Font Awesome not working, icons showing as squares
  9. How to create equal height columns in pure CSS [duplicate]
  10. How do I right align div elements?
  11. Right to Left support for Twitter Bootstrap 3
  12. What is the difference between the hidden attribute (HTML5) and the display:none rule (CSS)?
  13. How does object-fit work with canvas element?
  14. How to make a element expand or contract to its parent container?
  15. How would you make two s overlap?
  16. How to auto adjust the height according to content in it?
  17. layer on top of PDF
  18. why is my content showing outside the div?
  19. How to get these two divs side-by-side?
  20. Why use an HTML5 semantic tag instead of div? [duplicate]
  21. How to display and hide a div with CSS?
  22. How to make responsive table [closed]
  23. Why adds extra top margin?
  24. Why box-sizing is not working with width/height attribute on canvas element?
  25. How do I make text bold in HTML?
  26. Center fixed div with dynamic width (CSS)
  27. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  28. overflow: hidden on div and body, different behavior
  29. Stacking DIVs on top of each other?
  30. CSS word-wrapping in div

Leave a Comment