不能将div框右移

Question

我现在在一个新网站上工作，我有一个小问题。

我在主要地方有一个滑块，在它的顶部是一个小横幅。它现在位于滑块顶部的左侧网站上，我希望它在正确的网站上，但我不知道如何。

Float对没有用。

<div class="wrapper">
    <script src="//www.jameda.de/premium/widgets/getwidget.php?id=81323170&amp;art=1&amp;badge=17252" type="text/javascript" async></script>
    <div id="jameda-widget-container17252" style="position:absolute; width:97px; height:145px; margin:0px; z-index:100;margin-left:-3px;background-image:url(//www.jameda.de/premium/widgets/_images/bw-small-bg.png); background-repeat:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;">
        <a href="http://www.jameda.de/berlin/aerzte/hautaerzte-dermatologen-geschlechtskrankheiten/fachgebiet/?utm_content=BWnote&amp;utm_source=Kunden-Homepages&amp;utm_medium=Badges&amp;utm_term=81323170&amp;utm_campaign=Badges" id="jam_link_check" style="display:block; position:absolute; top:100px; left:10px; width:70px; height:20px; background-color:transparent !important;"
        target="_blank"></a>
    </div>
</div>

这就是我希望在右侧拥有横幅的html代码。 Test site

Answer 1

在包装类中添加position:relative;和在div中添加right:0;（＃jameda-widget-container17252）很简单。它会起作用。

Answer 2

您需要将position:relative添加到wrapper课程，并right:0;添加到您正在使用的徽章。

以下是适合您的代码。我不推荐内联风格。但是你可以将它写在单独的样式表中

<div class="wrapper" style="position:relative;">
    <script src="//www.jameda.de/premium/widgets/getwidget.php?id=81323170&amp;art=1&amp;badge=17252" type="text/javascript" async></script>
    <div id="jameda-widget-container17252" style="position:absolute; right:0; width:97px; height:145px; margin:0px; z-index:100;margin-left:-3px;background-image:url(//www.jameda.de/premium/widgets/_images/bw-small-bg.png); background-repeat:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;">
        <a href="http://www.jameda.de/berlin/aerzte/hautaerzte-dermatologen-geschlechtskrankheiten/fachgebiet/?utm_content=BWnote&amp;utm_source=Kunden-Homepages&amp;utm_medium=Badges&amp;utm_term=81323170&amp;utm_campaign=Badges" id="jam_link_check" style="display:block; position:absolute; top:100px; left:10px; width:70px; height:20px; background-color:transparent !important;"
        target="_blank"></a>
    </div>
</div>

Answer 3

如果元素具有'position：absolute'并且它不能浮动。 （float - 可以为任何元素设置，但仅适用于生成未绝对定位的框的元素。http://www.w3.org/wiki/CSS/Properties/float）

像这样添加css;

.wrapper { position: relative; }
#jameda-widget-container17252 { right: 0; }