margin-bottom不起作用

Question

我正在尝试将加载图像放在页面的右侧,但除了margin-bottom之外,一切正常.

<div id="preload">
    <div align="right" style="margin-bottom:40px; margin-right:50px;">
        <img src="http://thc-racing.ucoz.com/design/loading.gif" alt="" />
        <br>
        <a style="color:#00ff24;"><b>Please wait while the page is loading...
        <br>If the website doesn't load within one minute please refresh your page!</b>                                                                                                 
        </a>
    </div>
</div> 

任何人都可以告诉我它是什么或如何使它工作？谢谢

Answer 1

这是边距与填充的本质.由于边距位于元素之外,因此除非后面有另一个元素,否则它们不会呈现.您可以在父级上使用1px的底部填充; 应该触发渲染.

Answer 2

您应该指定绝对位置并使用底部和右侧属性。

http://jsfiddle.net/7yrUy/

<div id="preload">
<div align="right" style="position:absolute; bottom:40px; right:50px">
    <img src="http://thc-racing.ucoz.com/design/loading.gif" alt="" />
    <br><a style="color:#00ff24;"><b>Please wait while the page is loading...<br>If the website doesn't load within one minute please refresh your page!</b></a>
</div>