＃4布局与CSS
构建网络布局与CSS
类似于添加的风格元素，改变一个元素的位置首先添加一个类，然后编辑位置属性。您将了解的margin，padding，显示，浮动，溢出和位置。
保证金和填充的例子
爆炸新闻
联邦探员突袭Gunshop，查找武器
店老板史蒂夫Witmere先前涉嫌黑市火箭筒交易。承认自己卷入俄罗斯黑手党。
其中在gunshop发现众多火箭炮是数以万计的价值至少为$ 10,000个非法获得的画作。那是一个沉重的代价，这些愚蠢的画作。
说明 ：margin 和padding可以在样式面板的位置面板中找到。加入余量将增加空间的块之外，并且增加填充将增加一个块的内部空间。
添加间距自己
爆炸新闻
联邦探员突袭Gunshop，查找武器
店老板史蒂夫Witmere先前涉嫌黑市火箭筒交易。承认自己卷入俄罗斯黑手党。
其中在gunshop发现众多火箭炮是数以万计的价值至少为$ 10,000个非法获得的画作。那是一个沉重的代价，这些愚蠢的画作。
提示： 首先，在主灰块（父元素）的四周添加填充。然后添加下边距到各个文本元素（子元素）之间添加间距。提示：在使用保证金/填充控制，适用于所有各方和ALT也适用于对侧按住SHIFT键。
“显示：块”的例子
这个标题设置为display：block
本款被设置为display：block。使其充满父窗口的宽度和堆叠在其它块的顶部。
按钮显示：块与显示按钮：可以关闭此连接设置为display：block 这个链接设置为display：block说明： 设置元素的显示设置，以阻止会使他们对彼此顶部堆叠并填写100％其父块的宽度。大多数元素实际上是在默认情况下此设置。
“显示：inline-block的”的例子
说明： 设置元素的显示设置为inline-block的会使块的宽度顺应它里面的内容的宽度。这意味着，如果它们的含量足够小它们可以堆叠彼此相邻。您可以复制粘贴上面的按钮和编辑中的文本，看看它是如何工作的。
浮法例子
谢谢！您提交的内容已收到！
哎呀！同时提交表单出事了:(
说明： 设置显示：inline-block的或浮动（本例中）是并排堆叠单元一侧的最常见的方式。在这个例子中，我会告诉你如何漂浮的东西。
自己浮起来
谢谢！您提交的内容已收到！
哎呀！同时提交表单出事了:(
提示： 首先选择的文本字段，使其浮动：左，并给它一个百分比宽度（例如：60％）。然后设置按钮浮动：左，以及和其它设置宽度的百分比（如40％），因此它们都加起来为100％。这是一个人工的方式来强迫任何元素并排堆放的一面。
绝对位置示例
我的乔杯
这是一个照片的标题文字。
精选
说明： 如果一个元素设置位置为绝对，你就可以在其母公司块内的任意位置来定位。要选择哪一方的内部定位，设置父元素的立场相对。注意：当元素是绝对定位它们漂浮在其他元素。
款式吧自己
我的乔杯
这是一个照片的标题是我最喜欢的一杯咖啡。
精选
提示： 首先选择形象包装元素，并将其定位为相对。接下来选择标题，将其拖动到图像设置它的位置，以绝对和选择7预设。要定位精选徽章到正确的位置选择第二预置和手动定位。
