无法将div放在页面底部,CSS,HTML

时间:2015-07-29 15:56:30

标签: javascript html css

我正在尝试将div放到页面底部,但它不能按照我希望它出于某种原因工作的方式工作。我已经将div的位置设置为relative,将bottom设置为0,但问题是如果div之间没有文本,则div不会返回到底部。当中间有文本和中间没有文本时,我需要将div放在底部。我怎么做?谢谢。

div {
border: 1px solid black;
position: relative;
bottom: 0px;
}

<?php

while($num < 100) {
echo "Stuff<br>";
$num++;
}

?>
<div> Div </div>

2 个答案:

答案 0 :(得分:2)

如果jQuery是一个选项,你可以这样做。

(function($){
    if($('div').is(':empty')) {
     $('div').removeClass("bottom"); 
    }
    else{
     $('div').addClass("bottom");  
    }
})(jQuery);

这是一个链接。我也对CSS做了一个小改动。

您需要使用Lund所述的绝对位置。

http://jsfiddle.net/JrodR87/apj4m4en/1/

希望这会有所帮助。

答案 1 :(得分:0)

如果你想使用public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); // the below method needs to invoked only for service // but now called for all application components myCustomMethod(); } .... } ,则必须保持绝对位置。