[分享]css中怎么div居左上

CSS中的div是一种常见的元素，它可以用来组织和布局页面内容。如果你想让一个div居于页面的左上角，可以使用下面的CSS代码：div { : absolute; top: 0; left: 0; }...

CSS中的div是一种常见的元素，它可以用来组织和布局页面内容。如果你想让一个div居于页面的左上角，可以使用下面的CSS代码：

div {
  position: absolute;
  top: 0;
  left: 0;
} 

上面的代码使用了position属性和top、left属性来控制div的位置。其中，position:absolute表示将元素定位为绝对定位，即相对于其父元素来进行定位，而不是相对于文档流；top:0和left:0表示将元素放置在父元素的左上角。

需要注意的是，使用position:absolute会使元素的位置脱离文档流，如果想要元素在原来占用的空间内保留位置，可以在元素的父元素上设置position:relative，这样可以将元素的定位范围限制在父元素内。

除了使用top和left属性来控制位置外，还可以使用margin来实现相同的效果。代码如下：

div {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
} 

上面的代码还是使用了position:absolute来定位，同时将margin设置为0，这样可以将div拉到父元素的左上角。虽然这种方式也可以实现效果，但是推荐使用top和left属性来控制位置，因为margin可能会影响元素的其他布局。

总之，使用CSS让一个div居于页面的左上角，可以掌握以上技巧来实现，并注意要保证元素的其他布局不受影响。