css定位的拓展

定位的特殊性
绝对定位和固定定位也和浮动类似
1.行内元素添加绝对或者固定定位,可以直接设置高度和宽度
2.块级元素添加绝对和固定定位,如果不给宽度或高度,默认大小是内容的大小。
3.脱标的盒子不会触发外边距的塌陷
浮动元素,绝对定位(固定定位)元素都不会触发外边距合并的问题。

定位的拓展

绝对（固定定位）会完全压住盒子
浮动元素不同,只会压住它下面标准的盒子,但是不会压住下面标准流盒子里面的文字(图片)
但是绝对定位(固定定位)会压住下面标准流的所有内容。

浮动之所以不会压住文字,因为浮动产生的目的的最初就是做文字环绕效果的,文字会围绕浮动元素

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
  <style type="text/css">
  img {
    float: right;
  }
  </style>
</head>
<body>
  JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 
  <img src="js.png" alt="">

  在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
  
  为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
  
  
</body>
</html>

posted @ 2020-08-06 22:13  珊迪·奇克斯  阅读(99)  评论(0)  编辑  收藏  举报