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