↑ 收起筛选 ↑
设置Div距离底部距离
2021-05-19

html中设置div之间的距离方法:使用{margin:top right bottom left }.分别设置上、右、下、左的距离.

间距不可以用%百分比来算的.不过特殊方法还是有的,就是间距用3%的宽度的div来填充. <div style="width:150px;float:left;"></div> <div style="width:3%;float:left;"></div> <div style="width:500px;float:left;"></div> <div style="width:3%;float:left;"></div> <div style="width:150px;float:left;"></div>

<style>.footer{ left:0px; position:fixed; width:100%; height:100px; background-color:#f00; color:#FFF; text-align:center; font-size:18px; font-weight:bold; bottom:0px;}</style><div class="footer"> 这里是固定到底部</div> 把这个些复制到一个html文件里面放入body内,然后打开浏览器看一下效果;已解决,如果还有其他疑问的话请继续追问我;

用div的外边距来控制 :margin Margin延伸(单独设置四边间距属性单词) margin-left 对象左边外延边距 (margin-left:5px; 左边外延距离5px) margin-right 对象右边外延边距 (margin-right:5px; 右边外延距离5px) margin-top 对象上边外延边距 (margin-top:5px; 上边外延距离5px) margin-bottom 对象下边外延边距 (margin-bottom:5px; 下边外延距离5px)

css:外边距、绝对定位之后用pxjs:获取这些div位置然后设置px

.

不知道你说的永远在底部是不是那种无论滚动条怎么拉,都可以看见悬浮在底部的那种,如果是那种,是用固定定位做的.另外注意页面中最后的元素或者body要空出固定条的高度,不然最后的元素会被遮挡.html:<div class="fixed">固定在底部</div> css:body{ padding-bottom:50px;}.fixed{ position:fixed; left:0px; bottom:0px; width:100%; height:50px; background-color:#000; z-index:9999;}

position:fixed; bottom:0; 这个方法简单好用 运用这个CSS把DIV永远置于页面的底部 利用绝对定位,然后设置底部距离为0

a 和b设置float:left属性,如果要控制B与A的距离的话,就在B的属性里设置margin-left:间距px

一般是用margin来设置的,可以写用CSS写样式,或者直接在HTML标签里加style 例如:<div style="margin:15px"></div>不过这个的话就每个标签里都要加哦,比较麻烦的,如果做简单的页面的话就没事了.

延伸阅读: