Изменить размер div внутри другого div - PullRequest
2 голосов
/ 29 июля 2010

У меня есть div, который является телом моего сайта, внутри этого div я поместил div с левой стороны (чтобы иметь вертикальное меню)

http://www.freeimagehosting.net/uploads/117f79fa0e.png http://www.freeimagehosting.net/uploads/4569a5f550.jpg

У меня вопрос, как я могу заставить div меню следовать за нижней частью тела div, чтобы он не выглядел так, как будто его вырезали, из-за цвета, который имеет div меню ...поиграл со свойствами, такими как положение, поля, плавающее, но я не могу заставить его работать ... Я включил два фото, чтобы вы могли видеть div!

Извините, фото нетпоявляются, потому что я новый пользователь!хотя я включил ссылки ...

Первая картинка - это начальная страница, вторая - после добавления контента и расширения тела, чтобы этот контент подходил!

Любая помощьоценили!

Ответы [ 2 ]

1 голос
/ 29 июля 2010

Это действительно то, что лучше всего подходит для CSS.

Скажите, что это ваша структура:

<body>
 <div id="main">
  <div id="leftSide"></div>
 </div>

Я думаю, что вы хотели бы сделать, это дать левой стороне высоту 100% в вашем CSS:

#main {
  height:500px; /*this can be whatever height you want for your main div*/
  width:700px;  /*same with this, for its width*/
  background-color:#F00; /*just to show you the effect*/
}

#leftSide {
  float:left;  /*THIS is where the magic happens, to "pull" it to the left*/
  height:100%; /*This makes sure it reaches all the way to the bottom*/
  background-color:#00F;  /*or any color you'd like (which is a great song btw)*/
  width:200px;  /*or whatever height you'd like*/
}

Все это предполагает, конечно, что у вас нет лишних полей и отступов для ваших элементов div или других элементов.Вы также можете рассмотреть вариант «Сброс CSS», например this

1 голос
/ 29 июля 2010

Эта техника всегда работала для меня. Смотри http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Хотя фон на самом деле находится в оболочке двух столбцов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...