eingerücktes div mit flexibler Breite

Question

Ich versuche ein div zu erstellen, das 200px von links beginnt und sich bis zum Rand der Seite erstreckt, aber nicht darüber hinaus. Jetzt mit 100% als Breite erstreckt es sich 200px über die Seite nach rechts. Ohne die Breite reicht es immer noch um 200px.

Haben Sie eine Idee, wie das funktioniert?

#MsgBanner{ 
    position:relative; 
    background-color:#333; 
    top:60px; 
    height:30px; 
    z-index:14; 
    width:100%; 
    left:200px; 
} 

Answer 1

könnten Sie verwenden:

#MsgBanner { 
width: auto; 
margin-left: 200px; 
} 

Answer 2

#MsgBanner{ position:relative; background-color:#333; top:60px; height:30px; z-index:14; width:100%; margin-left:200px;} 

denke ich, alles, was Sie tun müssen, anstatt den Rand auf der linken Seite auf 200px gesetzt.

Answer 3

Soweit ich weiß, es ist nicht möglich, ohne die calc() Funktion in CSS3 eingeführt.

#MsgBanner{ 
    position:relative; 
    background-color:#333; 
    top:60px; 
    height:30px; 
    z-index:14; 
    width:calc(100% - 200px); 
    left:200px; 
} 

Oben würde das Problem in CSS3 lösen, aber es wird nicht von allen Browsern unterstützt.