Position Fixed width 100%

Question

I have a position:fixed left column at 250px wide with 100% height and I\'m trying to place a fixed, fluid horizontal bar at the top but to the right of the lef

Answer 1

Very simple solution that won't require the latest CSS version is not setting width at all. Instead just set right: 0, which will force the right border of the top bar to sit at the right border as can be seen in this fiddle.

.top-bar {
    position:fixed;
    top:0;
    left:250px;
    right:0;
    height:54px;
    background:#090909;
    z-index:1000;
}

I've added a red border so it's easier to see where the box ends.