div被overflow隐藏后添加一个底部空白

div被overflow隐藏后添加一个底部空白,第1张

div被overflow隐藏后添加一个底部空白如下。

1、iframe默认是块元素,其display样式默认值是block。

2、frame应该说即不是块元素也不是行内元素,虽然有display样式,但其默认值是none。

3、把div设置overflow。

<html>

<head>

<title>DEMO</title>

<style>

<!--

#demo{

width:500px /*设置div宽度为500像素*/

height:200px /*设置div高度为200像素*/

background:#000 /*设置div背景色为黑色*/

margin:0 auto /*设置div居中显示*/

}

-->

</style>

</head>

<body>

<div id="demo"></div>

</body>

</html>

以上为完整的网页文件代码,直接选择复制粘贴到记事本里,修改记事本后缀名为html即可在浏览器里浏览这个网页效果。

方法多的很,给div设置下边距就好了,高度你自己设置,例如div高度是50px,那么就设置下边距为margin-bottom:100px还可以在div的下面再加一个div,反正div默认是没背景没边框的,你只要设置一下高度就可以占位作为空白了,你还可以给页面设置一个下内边距,例如body{padding-bottom:100px}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11218603.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存