Expand div to max width when float:left is set

by

Hope I’ve understood you correctly, take a look at this: http://jsfiddle.net/EAEKc/

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Content with Menu</title>
  <style>
    .content .left {
      float: left;
      width: 100px;
      background-color: green;
    }
    
    .content .right {
      margin-left: 100px;
      background-color: red;
    }
  </style>
</head>

<body>
  <div class="content">
    <div class="left">
      <p>Hi, Flo!</p>
    </div>
    <div class="right">
      <p>is</p>
      <p>this</p>
      <p>what</p>
      <p>you are looking for?</p>
    </div>
  </div>
</body>

</html>

More Related Contents:

  1. How can I make a div not larger than its contents?
  2. How to make an element width: 100% minus padding?
  3. How to make a div fill a remaining horizontal space?
  4. How to make div’s percentage width relative to parent div and not viewport
  5. Div width 100% minus fixed amount of pixels
  6. Width 100% with white borders around it. WHy?
  7. Make an image width 100% of parent div, but not bigger than its own width
  8. resizes wrong; appears to have unremovable `min-width: min-content`
  9. How do browsers calculate width when child depends on parent, and parent’s depends on child’s
  10. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  11. Line break in HTML with ‘\n’
  12. Li item on two lines. Second line has no margin
  13. Add a background image (.png) to a SVG circle shape
  14. Two inline-block elements, each 50% wide, do not fit side by side in a single row
  15. Tables instead of DIVs [duplicate]
  16. Is type=”text/css” necessary in a tag?
  17. Borders disappear in Chrome when I zoom in
  18. CSS – relative positioned parent div not stretching to absolute child div height
  19. How does the z-index property really work?
  20. Linking to CSS in an SVG embedded by an IMG tag
  21. How do you determine what technology a website is built on? [closed]
  22. Hiding the toolbars surrounding an embedded pdf?
  23. Understanding grid negative values
  24. HTML Submit-button: Different value / button-text?
  25. Display JSON as HTML [closed]
  26. How do i convert NSAttributedString into HTML string?
  27. z-index and iFrames!
  28. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  29. Dashed border not showing in firefox [duplicate]
  30. Random Querystring to avoid IE caching

Leave a Comment