CSS里面位置和top与float的关系

1、如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。

创新互联专注于开平网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供开平营销型网站建设，开平网站制作、开平网页设计、开平网站官网定制、微信小程序服务，打造开平网络公司原创品牌,更为您提供开平网站排名全网营销落地服务。

2、不是。float属性有四个有效值，分别为left设置元素向左浮动，right设置元素向右浮动，none默认值设置元素不浮动，inherit规定应该从父元素继承float属性的值，没有top自然就不是float的属性值。

3、postion：relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。

4、float：right/left是子块级元素流集合面向父级元素的定位，定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于移动后的新位置进行重新渲染，可以重叠，原位置被清空。二者之中最大的差别就是位置保留。

5、position： absolute|relative； 要配合top，left等定位；position： absolute会导致元素脱离文档流，被定位的元素等于在文档中不占据任何位置，在另一个层呈现，可以设置z-index。PS的图层效果就是position： absolute。

cssborder-top-style属性怎么用

border-style属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

举例来说， border-top-style属性就是用来设定上边框的样式。以下举几个例子：border若四边的边框属性都一样，那我们可以用一个border属性来描述，而不必四个边都描述一次。

css border 定义和用法css border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。

css border-top-width属性定义及用法在css中，border-top-width属性是用来设置元素顶部边框宽度的，当我们要单独对元素顶部边框宽度进行设置的时候，就可以使用该属性。

border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。

css中margin-top和top有什么区别

margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性。

margin在css中的意思是外边距。margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。margin简写属性在一个声明中设置所有当前或者指定元素外边距属性。

CSS中margin和padding有以下三方面区别。在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。语法结构。

当前文章：css高级样式top css样式级别
链接分享：http://myzitong.com/article/dgjppoi.html