Question

我有我的主要＆＃34; watchlisten＆＃34; div，你到目前为止看到的所有东西，但由于一些明显的原因，我无法将我的视频图像漂浮在我的左箭头图像的右侧，我将其作为CSS和HTML的代码，我为没有道歉而道歉你可以看到它们的图像，但我想在Left_watchlisten.jpg的右侧浮动Video_1.jpg。

整个watchlisten DIV的HTML

<div id="watchlisten">

                    <img src="Images/boxes.png" class="imageBoxes" />

                    <h2>Watch/Listen</h2>

                    <img src="Images/Left_Watchlisten.jpg" class="leftarrow"/>

                    <div class="wlblock">
                            <img src="Images/Video_1.jpg" height="75"/>
                            <p>action to cut leve crossing deaths</p>
                    </div>
                </div>

所有类/ id＆＃39; s / h2的CSS代码。

#watchlisten {
    background-color: #EEEEEE;
    float: right;
    width: 380px;
    position: relative;
    top: -80px;
}

h2 {
    color: #505050;
    margin:  10px 0 10px 10px;
    font-size: 1.8em;
}

.imageBoxes {
    float: right;
    max-height: 20px;
    max-width: 100%;
    margin: 12px 10px 0 0;
}

.leftArrow {
    float: left !important;
    border-right: 1px solid white;

}

.wlblock {
    float: left;

}

我希望有人可以提供帮助，我有点卡住了。

Answer 1

您的班级命名存在问题

您的CSS代码：

.leftArrow {
    float: left !important;
    border-right: 1px solid white;

}

您的HTML代码：

 <img src="Images/Left_Watchlisten.jpg" class="leftarrow"/>

你能看到班级名称的差异吗？

将leftArrow，leftarrow in css或leftarrow in html to leftArrow。

它会起作用。

浮动放置，而不是在正确的位置

1 个答案: