Div css是一种流行的网页布局技术，其中css的灵活应用是不可缺少的一部分。在完成一些复杂的页面排版后，从最简单的排版方式演变而来。应读者的要求，今天我们将解释css最基本的布局元素对齐。在css中，我们可以使用各种属性来实现对齐元素。如果你是技术专家，这篇文章可以直接忽略。不喜勿喷！

css中元素对齐方式有哪些？

1、块元素的对齐

默认情况下，块元素占据一行。如果块元素已经出现在一行中，添加其他块元素将自动换行。块元素也可以与其他块元素嵌套。块元素通常显示为容器。比如HTML中经常出现div，块元素和行元素可以通过css相互转换。块元素可以使用“边距”属性水平对齐，也可以通过将左右外部边距设置为“自动”来对齐。比如，nav { margin-left : auto；margin-right : auto；宽度：70%；}，如果宽度为，对齐没有影响，所以我们可以将此代码更改为。nav { margin:0 auto}实现导航板内容的水平对齐。块元素的外边距处理有BUG，会导致个别浏览器出现问题。使用时一定要注意这个问题。

2、使用 position

对齐元素的方法之一是使用定位，例如，下面的代码：nav { position:absoluteright:0px宽度width:300px}。但是，当使用位置来水平对齐元素时，会有兼容性问题。在IE8之前使用浏览器时，如果容器设置了显式宽度，那就忘了声明！DOCTYPE的左右两侧将增加17个像素的外边距。为了避免这样的问题，用位置来对齐元素，别忘了！DOCTYPE声明。

3、使用float

另一种对齐元素的方法是使用float属性，比如这段代码right { float:right宽度width:300px}，以便对齐的元素与浏览器兼容。如果在IE8之前使用浏览器，那么在使用float属性的时候忘记声明！DOCTYPE的左右两边会增加十七个像素的外边距，和位置一样。为了避免这个问题，使用位置来对齐元素，不要忘记！DOCTYPE声明。

先说“css中的元素对齐”。