css中常用技巧进阶

display属性

• none 元素隐藏且不占位置 设置属性后将元素进行隐藏

• block 此元素会被显示为块元素 将内联元素（行内元素）转化为块元素

• inline 此元素会被显示为内联元素 将块元素转化为行内 内联元素

  <p class="pbox" style="display:block">
            葫芦娃 葫芦娃 一根藤上七朵花 小小树藤是我家 啦啦啦啦 叮当当咚咚当当　浇不大 叮当当咚咚当当 是我家 啦啦啦啦
     </p>
  

overflow的设置项：元素溢出

1、visible 默认值。内容不会被修剪，会呈现在元素框之外。

2、hidden 内容会被修剪，并且其余内容是不可见的。

3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
CSS部分:

<style>
    div {
        width:100px;
        height:100px;
        overflow: auto;
    }
</style>

HTML部分:
<div>
	格叽格叽~
    <br><br>
    格叽格叽~~
    <br><br>
    格叽~格叽~~
    <br><br>
</div>