fire的边框没把ol罩住呢

源自：13-1 CSS3的布局 - css布局模型

fire的边框没把ol罩住呢

id选择器应该更高啊

提问者：入坑 2016-05-04 22:39

个回答

JJChow: 2016-05-04 22:58:34

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content Type" content="text/html;charset=utf-8" />
<title>css布局模型</title>
<style type="text/css">
.sj{ text-indent:2em; }
#fire{border:1px gray solid;text-indent:1em;}
ol li{border:1px red solid;text-indent:0;}
</style>
</head>
<body>
    <h2 style="text-align:center">css布局模型</h2>
    <p class="sj">布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。</p>
    <div id="fire">在网页中，元素有三种布局模型：
    <ol>
        <li>流动模型（Flow）</li>
        <li>浮动模型 (Float)</li>
        <li>层模型（Layer）</li>
    </ol>
    </div>
</body>
</html>

Zyan

2016-05-05 08:37:22

p标签不能包裹ol标签，自己会闭合，你打开元素审查看一下就知道了

0
阿叶主公

2016-05-04 23:08:25

我想是因为border不具有继承性吧~~

0