Новичок CSS / HTML: Как добавить рекламу в контейнере div в боковую часть страницы?

Question

Я получил центрированный сайт с фиксированной шириной. Теперь я хочу добавить рекламный баннер фиксированной ширины / высоты в правой части страницы. Существует обёртка div шириной 700px. Но я не могу получить свой баннер на стороне. Я не знаю почему. Может ли кто-нибудь помочь мне с моим идентификатором CSS?

<div class="wrapper">
   <div class="head"></div>
   <div class="content"></div>
</div> //wrapper

EDIT: Изображение - (ссылка удалена как неработающая)

Это то, что я хочу. Я получил оранжевый. Я не хочу устанавливать позицию баннера на правую границу браузера. Должно быть рядом с классом-обёрткой.

Answer 1

Если вы хотите, чтобы баннер находился внутри обёртки:

HTML

<div class="wrapper">
  <div class="banner"></div>
  <div class="head"></div>
  <div class="content"></div>
</div>

CSS

div.banner { float: right; width: 100px; height: 400px; }

Если вы хотите, чтобы он находился вне оболочки:

HTML

<div class="banner"></div>
<div class="wrapper">
  <div class="head"></div>
  <div class="content"></div>
</div>

CSS

div.banner { float: right; width: 100px; height: 400px; }

Вы также можете проверить этот сайт на наличие множества различных макетов CSS / HTML:

http://layouts.ironmyers.com/

После редактирования ...

Мне кажется, этот вопрос на Переполнение стека имеет то, что вы хотите.

Answer 2

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

HTML

<div id="wrapper">
<div id="ad">ad</div>
</div>

CSS

#wrapper{
position: relative;
}

#ad {
position: absolute;
right: -140px;
}

div-обертка будет по-прежнему центрирован, рекламный блок будет «висеть» рядом с ним.

Answer 3

Зайдите на этот сайт, и вы найдете ответ на свой вопрос и все ваши будущие вопросы (судя по вашему вопросу) http://www.w3schools.com/css/css_float.asp

Answer 4

Вы пробовали использовать свойство float: right?