dreamweaver如果网页下方空白多怎么把它去掉?
3个回答
展开全部
了解下reset.css文件,定义样式的时候给个全局样式:
<style>
* {margin:0;padding:0;}
</style>
另外对一些空元素设置高度,
<style>
.clear {height:0;line-height:0;overflow:hidden;}/*IE下任何元素都有文本高度,默认为18px左右*/
</style>
如果是你的页面内容不够长,导致页面底部留有很多空白,这个没办法,要么给中间内容区设置一个最小高度,要么背景设置颜色,视觉上统一,
jquery:
<script>
$(window).load(function(){
minHeight = 800;//设置最小高度
nowHeight = $(".content").height();//获取内容区的高度
if(nowHeight < minHeight){//判断是否小于设置的最小高度
$(".content").height(minHeight);//如果小于则把高度设置为最小高度
}else{
return false;//大于等于的时候,继续使用原来的高度
}
});
</script>
<style>
* {margin:0;padding:0;}
</style>
另外对一些空元素设置高度,
<style>
.clear {height:0;line-height:0;overflow:hidden;}/*IE下任何元素都有文本高度,默认为18px左右*/
</style>
如果是你的页面内容不够长,导致页面底部留有很多空白,这个没办法,要么给中间内容区设置一个最小高度,要么背景设置颜色,视觉上统一,
jquery:
<script>
$(window).load(function(){
minHeight = 800;//设置最小高度
nowHeight = $(".content").height();//获取内容区的高度
if(nowHeight < minHeight){//判断是否小于设置的最小高度
$(".content").height(minHeight);//如果小于则把高度设置为最小高度
}else{
return false;//大于等于的时候,继续使用原来的高度
}
});
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询