Проблема с HTML: плавающие несколько Div - PullRequest
Новая
       21

Проблема с HTML: плавающие несколько Div

0 голосов
/ 13 октября 2011

Я сижу сейчас, 1 час работаю над этой проблемой: как заставить "Field Item 2" плавать в нужном месте "Field Item 1". Возможно ли это вообще с помощью CSS?Или между ними тоже может быть divs?Любая идея?Танкс много! 

<html>
<head>
    <title>Test float</title>
</head>

<body>
    <div class="group-header user-slogan">
        <div class="field field-name-field-user-slogan field-type-text field-label-hidden">
            <div class="field-items">
                <div class="field-item even">Field Item1</div>
            </div>
        </div>
        <div class="even zitatgeber" style="float:left;">Field Item2</div>
    </div>
</body>
</html>

Ответы [ 3 ]

1 голос
/ 13 октября 2011

Вы можете попробовать это, добавьте style = "float: left;"в div, который находится на одном уровне с полем Item2, и измените стиль поля Item2 на float: right.Вот оно: 

<body>
<div class="group-header user-slogan">
    <div class="field field-name-field-user-slogan field-type-text field-label-hidden" style="float:left;">
        <div class="field-items">
            <div class="field-item even">Field Item1</div>
        </div>
    </div>
    <div class="even zitatgeber" style="float:right;">Field Item2</div>
</div>
</body>

Не забудьте добавить конкретную ширину слева и справа, чтобы элемент плавно перемещался.

1 голос
/ 13 октября 2011

Вероятно, вы должны указать ширину для родительского div и взять div, который вы хотите поместить в него (parent).

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

<html>
<title>Test float</title>
</head>

<body>
<div class="group-header user-slogan">
    <div class="field field-name-field-user-slogan field-type-text field-label-hidden">
        <div class="field-items" style="width: AAApx;">
            <div class="field-item even" style="float:left;">Field Item1</div>
            <div class="even zitatgeber" style="float:left;">Field Item2</div>
        </div>
    </div>

</div>

</body>
</html>

Вы также можете перемещать второй элемент div вправо, если родительский div ведет себя как элемент уровня блока

1 голос
/ 13 октября 2011

Вы должны использовать float: left в обоих div'ах

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

Нет похожих вопросов

...