css学习之clear以及禁止div内容被选中

最新推荐文章于 2021-06-06 00:48:00 发布

Hesonst

最新推荐文章于 2021-06-06 00:48:00 发布

阅读量287

点赞数

分类专栏： css学习

css学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

clear属性值有：left、right、both跟none，规定元素的哪一侧不允许其他浮动元素。

其默认值是none，允许浮动元素出现在两侧。
both：在左右两侧均不允许浮动元素。
right：在右侧不允许浮动元素。
left：在左侧不允许浮动元素。

浮动元素所在标签闭合之前及时进行“清除”操作，对于因多加的<div class="clear"></div>引起的高度变化，可通过如下方法解决：

.clear{
clear:both;
height:1px;
margin-top:-1px;
overflow:hidden;         
}

禁止div内容被选中

<!doctype html>
<html>
<head>
  <style type="text/css">
    html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
 </style>
 </head>
 <body>
<div unselectable="on" 
onselectstart="return false;" 
style="-moz-user-select:none;"> some text</div>
  </body>
</html>

代码说明：

    unselectable针对IE
    onselectstart针对Chrome、Safari
    -moz-user-select是firefox专有的