отступ с гибкой шириной

Question

Я пытаюсь создать div, который начинается на 200 пикселей слева и простирается до края страницы справа, но не дальше. Прямо сейчас со 100% шириной он расширяется на 200 пикселей за страницу справа. Без ширины он все еще выходит за пределы 200px.

Есть идеи, как заставить это работать?

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

Answer 1

Вы можете использовать:

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

Answer 2

Насколько я знаю, это невозможно без функции calc (), введенной в CSS3.

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

Выше было бы решить проблему в CSS3, но это поддерживается не всеми браузерами.

Answer 3

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

Я думаю, все, что вам нужно сделать, это установить поле слева вместо 200px.