Web速查-索引

Alt text

定义

margin-bottom 属性设置元素的下外边距。

注意：允许使用负值。

语法

 margin-bottom:auto|length|%|inherit;

属性值

值 说明
auto 浏览器设置的下外边距。
length 定义固定的下外边距。默认值是 0。
% 定义基于父对象总高度的百分比下外边距。
inherit 规定应该从父元素继承下外边距。

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>

    <style type="text/css">

        .bottommargin {margin-bottom: 300px;}

    </style>

</head>

<body>

   <p>这个段落没有指定外边距。</p>

   <p class="bottommargin">这个段落带有指定下外边距(300px)。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur corporis facere impedit iure libero officiis perspiciatis quia recusandae repellat vel! Asperiores aspernatur consectetur cupiditate dolorem iusto non qui tempore unde.</p>

   <p>这个段落没有指定外边距。</p>

</body>

</html>

这个段落没有指定外边距。

这个段落带有指定下外边距(300px)。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur corporis facere impedit iure libero officiis perspiciatis quia recusandae repellat vel! Asperiores aspernatur consectetur cupiditate dolorem iusto non qui tempore unde.

这个段落没有指定外边距。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
3.0 3.0 3.0 8.0