元素的溢出处理以及元素的浮动

  • 元素的溢出处理

css里面添加样式:

overflow: hidden;   如果子元素的内容溢出,则隐藏多余部分

overflow: scroll;  如果子元素的内容溢出,则以滚动条现实内容

overflow: auto;   如果子元素的内容溢出,根据内容多少自动使用滚动条

  • 元素的浮动

元素浮动,是在标签嵌套时用来,控制子元素在父级元素内部左右移动的效果。

float: right;   设置元素往右边浮动,那么元素原来的位置就会被清除

float: left;   设置元素往左浮动,那么元素原来的位置就会被清除,后面的元素就会往前排列,因为元素浮动了以后跑到上边了,所以有可能出现元素之间重合的情况,浮动元素在上面,普通元素就会在底部被遮盖了。

 注意点:当有几个元素。每个元素都向左(右)浮动时,他们会排成一排在一行。因为这个元素已经变成行内块级元素。

posted @ 2018-09-17 20:15  苦瓜爆炒牛肉  阅读(364)  评论(0编辑  收藏  举报