Skip to content

Instantly share code, notes, and snippets.

@leepettijohn
Created June 24, 2016 17:26
Show Gist options
  • Select an option

  • Save leepettijohn/ea8ba483bdcafef2526e50a4cc7a7f77 to your computer and use it in GitHub Desktop.

Select an option

Save leepettijohn/ea8ba483bdcafef2526e50a4cc7a7f77 to your computer and use it in GitHub Desktop.
Middle floating div between two fixed divs
<div id="leftCol">Left</div>
<div id="rightCol">Right</div>
<div id="centerCol">Center</div>
#leftCol {float: left; width: 75px; background: red; min-height: 100px;}
#rightCol {float: right; width: 175px; background: green; min-height: 100px;}
#centerCol {overflow: hidden; background: blue; min-height: 100px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment