Ширина деления в CSS

Question

У меня есть div на веб-странице, который в основном действует как контейнер панели. я хочу это:

1. имеют минимальную ширину 1000 пикселей; Поэтому независимо от того, насколько маленьким является содержимое внутри div, оно будет по крайней мере поддерживать ширину панели до 1000 пикселей:
2. с точки зрения максимальной ширины, он должен продолжать расти как контент внутри него. Поэтому, если у человека есть 24-дюймовый монитор, и он хочет развернуть браузер, он должен продолжать расти до тех пор, пока содержимое внутри не будет иметь полос прокрутки, а затем остановится.
3. должен работать во всех браузерах.

как бы я это сделал в css?

Answer 1

Предполагая, что этот элемент является блочным элементом (то есть «display: block»), он должен автоматически масштабироваться так же широко, как и содержащий его элемент (в данном случае это окно браузера).

В CSS просто укажите "min-width: 1000px." Это будет работать в IE8 + и во всех современных браузерах.

Answer 2

попробуйте

#panel {
  min-width: 1000px;
  diplay: block;
  overflow: hidden; }

Answer 3

Попробуйте это:

#panel
{
   /* Other styles */
   min-width:1000px;
   /*width:100%; - removed as it will create horizontal scrollbar if margin and padding aren't 0 as per Josh's comment.*/
}

Однако у вас будут проблемы со старыми браузерами, такими как IE6, которым не нравится min-width, и в этом случае вам нужно будет использовать JavaScript.