Div

创造我们的首要目的Div元素是为用户提供一个与我们的行/列和网格/单元格元素略有不同的布局上下文。这些差异包括:

1. Div元素没有子布局结构。当一行或网格被添加到页面时，它们将始终至少分别伴随着一个子列或单元格。这是这些元素正常工作所必需的;然而，有时这种额外的结构层是不必要的。
2. Div元素是为了体现CSS规范的更多方面。与我们的其他元素不同的是，Div在本质上更“多维”。与Button之类的东西相比，它没有任何实际的结构，后者的特点是相对预设的布局及其文本、图形和粒子的功能。您将发现Div包含更多用于管理的控件，例如位置，溢出，pointer-events，以及更多。

设置

的设置控件组的Div元素是你将开始一些基本的表示方面的输出:

控件的主要功能可能不是很明显无指针事件切换。当什么都没有被选中时，Div元素将如预期的那样是可点击的。当设置为自我,Div元素本身是不可点击的;然而，里面的任何孩子都可以与之互动。将此控件设置为所有的内容将停止Div元素本身和所有子元素上的单击事件。当与Div和子元素中的其他控件配对时，这可以打开一些有趣的布局可能性。

此外,溢出控件允许您指定overflow-x而且overflow-yDiv的属性应该起作用。如果你在Div上启用flexbox布局，并将其布局设置为不换行，迫使元素排成一行，那么探索这些可能会很有趣。当与类似的东西配对时overflow-x:汽车，您刚刚创建了一个滚动内容区域，可用于创造性导航，产品显示等。

大小

的大小在Div元素的控制组中，你可以根据需要调整你的元素的尺寸:

的Flex控件只有在使用Flexbox布局放置在父元素中时才会工作。完成此操作后，可以使用此Flex控件更改flex-grow，flex-shrink,flex-basisDiv在该上下文中的值。

位置

的位置Div元素的控制组允许你改变元素的某些功能方面:

如果位置是否设置为静态(即。相对，绝对,或固定)四个额外的控制前，左，正确的,底将显示，允许您为这些属性设置值。

演示

要查看Div元素的现场演示，请单击在这里．