16 css中的流动模型默认100%显示

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#box1{
    width:300px;
    height:100px;
    }
div,h1,p{
    border:1px solid red;
    }
    
</style>
</head>

<body>  
    <div id="box2">box2</div><!--块状元素,由于没有设置宽度,宽度默认为100%显示-->
    <h1>标题</h1><!--块状元素,没有设置宽度,默认显示为100%-->
    <p>文本文本文本文本</p><!--块状元素,没有设置宽度,默认为100%-->
    <div id="box1">box1</div><!--块状元素,设置了宽度和高度,所以不会100%显示-->
    <a href="https://i.cnblogs.com/EditPosts.aspx?opt=1">程冉冉的博客</a><span>强调</span><em>重点</em>
    <strong>强调</strong>
</body>
</html>

 

posted @ 2017-07-09 10:46  Riona-C  阅读(143)  评论(0编辑  收藏  举报