Div фиксированной ширины и расширяемый плавающий рядом?

#css

Вопрос:

Возможно ли, чтобы div фиксированной ширины плавал рядом с div переменной ширины?

Я хотел бы, чтобы изображение размером 80 пикселей располагалось рядом с div, которое растягивается до 100% от ширины, используемой для сохранения, с использованием динамического содержимого — html будет повторением приведенной ниже версии —

например —

     <div class="mediaImg">
       <img src="#"/>
    </div>
    <div class="textArea">
    blah blah blah
    </div>

Спасибо
, Пол

Ответ №1:

вы должны написать, как

 #divleft
{
    background-color:red;
    width:80px;
    height:80px;
    float:left;
}

#divright
{
    background-color:blue;   
    overflow:hidden;
    height:80px;
}

В этом примере вы даете padding amp; margin #divright . в структуре макета нет эффекта.

проверьте это http://jsfiddle.net/sandeep/u2sQD/1 /

Ответ №2:

Просто примените float и ширину к вашему фиксированному div:

 div.fixed{
    float: left;
    width: 70px;
    padding: 0 5px;
}

Живой пример: http://jsfiddle.net/nvgBm /

Ответ №3:

ДА. Я бы поместил их в div типа контейнера с position:absolute, затем два div имеют относительное расположение с плавающей точкой слева.

 <div class='container' width='100%'>
    <div class='imgDiv'>
         <img src='...'></img>
    </div>
    <div class='content'>

       ...content goes here

    </div>
</div>

Затем css…

     .container{
          position:absolute
          width:100%
          height:100%

            }
     .imgDiv{

        position:relative
        float:left
        width:80px
         }
      .content{
        position:relative
        float:left

        }