Question

我现在坐了1个小时来处理这个问题：如何让“Field Item 2”漂浮在“Field Item 1”的右侧网站上是否可以使用CSS？或者也可能介于两者之间吗？任何的想法？ Tanx很多！

<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>

Answer 1

你应该在两个div上使用float：left

Answer 2

你可能想试试这个，添加style =“float：left;”进入与Field Item2处于同一级别的div，并将Field 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>

请记住添加左侧和右侧的特定宽度，以便项目正确浮动。

Answer 3

可能你应该为你的父div指定宽度，并把你想要浮动的div（父）放在其中。

试试这个：

<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向右浮动

HTML麻烦：多个Div浮动

3 个答案: