JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap.min.css">
<div class="navbar">
    <div class="navbar-inner">
    </div>
</div>
<div class="container fill">
    <div id="map">
        map
    </div>
</div>

CSS

#map {
        height: 100%;
        width: 100%;
}

#map img {
        max-width: none;
}

html, body {
        height: 100%;
        width: 100%;
}

.fill {
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: auto;
    height: auto;
}

.navbar {
        margin-bottom: 0;
}

/* Demo */
#map { background: #EEF; }