Angular material 将图片设置为"；“流血”；超过父md内容
它在早期版本上神奇地工作（但它几乎破坏了布局的所有其他内容），但我认为它太酷了，我想重新创建它，但不破坏任何其他内容 所以我有一个logo（我在这个例子中使用的就是我在互联网上借用的logo）。但我们可以说它的标志如下：） 我想使用工具栏上的这一个，但我希望它“出血”在下面和上面的cmd内容。很容易让它流血到下面的一个，但我如何让它流血到上面的一个？ 我创建了一个JSFIDLE来显示这个问题Angular material 将图片设置为"；“流血”；超过父md内容,angular-material,Angular Material,它在早期版本上神奇地工作（但它几乎破坏了布局的所有其他内容），但我认为它太酷了，我想重新创建它，但不破坏任何其他内容 所以我有一个logo（我在这个例子中使用的就是我在互联网上借用的logo）。但我们可以说它的标志如下：） 我想使用工具栏上的这一个，但我希望它“出血”在下面和上面的cmd内容。很容易让它流血到下面的一个，但我如何让它流血到上面的一个？ 我创建了一个JSFIDLE来显示这个问题 A A A Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦茨克在
A A A
Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦茨克在尼布的自由之旅是在欧洲东部。在pulvinar risus中，格言faucibus magna。塞德·夸姆·奥奇先生。这是一种很好的治疗方法。努克·拉西尼亚·亨德雷特·马萨欧盟议会大厦。不要给孕妇配药。Nam ut hendrerit enim。在直径为0.5毫米的情况下，使用油灯。两人一组，一人一组，一人一组。阿利奎特，埃尼姆在大出血，大出血，大出血。我是威尼斯人，我是临时的。这是一个值得尊敬的人。这是暂时的。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。
Nunc porta laoreet turpis，位于ullamcorper turpis suscipit nec。整型分子，我是一种累积性溶剂，猫咪是一种普通的动物，在舌苔中是一种特殊的神经系统。艾蒂安·特里斯蒂克·乌兰科帕·马萨。在tortor vehicula，vitae ornare felis interdum，安置老鼠猫。前庭帆骨陷窝，前庭帆骨，车辆舌骨。埃蒂亚姆·奥克托·尼布·泰勒斯，一位有效的欧盟公民。潜力悬钩子。从虎舌草到蛇舌草。佩伦茨克多洛埃拉、特里斯蒂克·洛博蒂斯·欧佩拉克、调味品id nulla。双前庭是暂时的生命。这是我的名言。佩伦特式的优斯莫或是一种寄托。
库拉比图尔（Curabitur nec ipsum hendrerit）、拉西尼亚（lacinia diam in）、普莱斯特拉特（Placelat erat）。Morbi hendrerit我是mattis。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。梅特斯·莫里斯（Proin metus mauris）、埃杰特·杜伊（tincidunt eget dui at）、卢克图斯·梅特斯（luctus elementum metus）。这是一个令人振奋的时刻，也是一个不可告人的时刻。不，不，不，不，不，不。这是一种新的发酵剂。
女性生殖器官、孕妇生殖器官、子宫颈和子宫颈。在nisi中，一种长在弧上的鸟雀。伊库利斯·厄罗斯之间的悬念，非乌拉姆科珀·多洛。Maecenas semper leo拍卖人malesuada eleifend。这是一种非常美味的调味品。一对一，三对一，四对一，四对一。坐在那里的是艾米特·伊普苏姆·莫尔斯蒂、劳里特·利奥·ac、比本杜姆·乌尔纳。这是一种生活方式。在《天妇之灵》中，拉奥里特·安特·安特·a、达皮布斯·泰勒斯。Nunc发酵液由秃鹫老鹳草制成。大酒杯，发酵液，发酵前，扫描电镜。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Donec sem elit，Ovolatit eget ultrices in，iaculis at lorem。这是一只猫科动物，它是一只直径较大的猫科动物。
阿利奎姆调味品马萨和布朗迪特。ultrices葡萄品种Suspendisse是一家拍卖商。奥纳雷码头的莫里斯。Donec rutrum dictum scelerisque。丘脑后叶悬液，用于调味品。纳克拍卖行的Nulla，sollicitudin vehicula lacus。虎骨慈姑。拉齐尼亚梅特斯（lacinia metus）的库拉比图尔·ac·萨皮恩（Curabitur ac sapien）和多尔·法雷特拉·马莱苏阿达（pharetra malesuada）。虎口浮雕和肘部浮雕同侧前庭；不受欢迎的馆长。《厄洛斯·尤伊斯莫》中的菲塞勒斯，马莱苏阿达·多洛·西特，马蒂斯·萨皮恩。多奈克·马克西姆·利伯罗·维勒（Donec maximus libero vel est imperdiet）是一种无节制的饮食，它是一种发酵的智者。整数ultricies非sem nec设备。我们的孕妇身份证已经完成了。
拉奥里特美术馆，建筑艺术馆，建筑艺术馆。这是一种高级智慧，是一种暂时性的生活方式，它能提高前庭的效率。这是我的生命。库拉比托·苏西比特·努拉·费吉亚特·菲尼布斯。这是我的前庭。这是我的名字。莫比·乌尔纳·菲利斯。这是最大的侵权行为。这是一个很好的例子。我们的工作效率很高。
埃尼安在奥雷姆·苏西比特的中间元素。多奈克·普雷蒂姆·苏西比特·拉西尼亚。前庭是精髓。Donec sollicitudin neque调味品。我是一个维维拉埃拉。帕特·麦格纳（Pat magna）是佩伦茨克精英的化身。turpis中的前庭eu turpis ullamcorper tristique vitae nec turpis。库拉比托前庭交通工具nisl，位于。尊贵的悬钩子，非芸香属植物，奥古斯·尼西·阿利奎特·乌尔纳，ac faucibus ligula risus vel mauris。Aenean sem justo、viverra nec tincidunt ac、mollis vehicula magna。埃尼安·尤米·达皮布斯，普尔文纳·菲利斯，马克西姆斯·尼塞尔。莫利斯无尾虾。
<body>
<md-content layout="column" class="filler" layout-fill id="page">
<md-content id="topbleed" flex=10 class="filler" layout="row"></md-content>
<md-content id="mid" class="filler" layout="row" flex>
<md-content layout="column" class="filler sidebleed" flex="10" id="leftbleed"></md-content>
<md-content layout="column" id="section4-5" flex>
<md-toolbar id="toolbar" class="md-toolbar-tools">
<img layout="row" layout-align="center center" src="http://cf067b.medialib.glogster.com/dimond-queen/media/f4/f4268cbbc332de67e0d2e49d30ee777f4e17845c/tumblr-mgj4rnf0jz1s1e931o1-400.png" style="padding-bottom: 10px;"/>
<span flex></span>
<md-button>
<span style="font-size: 150%;">A</span> A <span style="font-size: 75%;">A</span>
</md-button>
</md-toolbar>
<md-content id="section5 flex">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at nibh sed libero tristique rutrum eu sed est. In a pulvinar risus, dictum faucibus magna. Suspendisse sed quam orci. Proin convallis finibus tortor, eget euismod dolor rutrum in. Nunc lacinia hendrerit massa eu pretium. Donec gravida placerat suscipit. Nam ut hendrerit enim. Donec lacinia ullamcorper diam, et tempus ligula iaculis lacinia. Duis blandit massa sapien, sed egestas nisi fermentum sed. Praesent aliquet, enim in vulputate maximus, risus ante eleifend magna, sed lobortis metus eros maximus justo. Etiam venenatis sem eu nisi tempor tempor. Proin dignissim metus eget interdum vulputate. Praesent iaculis metus ut lorem ornare tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p><p>
Nunc porta laoreet turpis, in ullamcorper turpis suscipit nec. Integer molestie, mi lacinia accumsan sollicitudin, neque felis commodo dolor, interdum suscipit nisi lectus in ligula. Etiam tristique ullamcorper massa. Sed placerat felis at tortor vehicula, vitae ornare felis interdum. Vestibulum lacus velit, egestas vel ante sit amet, sodales vehicula ligula. Etiam auctor nibh tellus, a efficitur lectus porta eu. Suspendisse potenti. Cras placerat ligula orci, feugiat fringilla eros varius convallis. Pellentesque dolor erat, tristique lobortis imperdiet ac, condimentum id nulla. Duis vestibulum est vitae sodales tempor. Sed dictum accumsan rutrum. Pellentesque euismod ornare est a suscipit.
</p><p>
Curabitur nec ipsum hendrerit, lacinia diam in, placerat erat. Morbi hendrerit id est id mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin metus mauris, tincidunt eget dui at, luctus elementum metus. Aenean convallis tellus sit amet velit tempus, eget aliquet urna ultrices. Nam malesuada erat non felis egestas, eget ultrices diam elementum. Fusce eget ante ac urna fermentum molestie id eget nisi.
</p><p>
Curabitur eros diam, facilisis lobortis gravida ac, tincidunt et velit. Fusce suscipit, ex ut vulputate pretium, nisi ligula iaculis tellus, a ornare ex arcu at nisi. Suspendisse interdum iaculis eros, non ullamcorper dolor. Maecenas semper leo auctor malesuada eleifend. Quisque sit amet nunc eu metus faucibus condimentum finibus eu dolor. Quisque vel dui tincidunt, tristique diam eu, scelerisque lacus. In sit amet ipsum molestie, laoreet leo ac, bibendum urna. Sed id erat vitae lacus bibendum porta ac ut velit. In vel nunc tempus, laoreet ante a, dapibus tellus. Nunc fermentum arcu sed vulputate laoreet. Quisque magna ante, fermentum nec rhoncus non, pretium eget sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sem elit, volutpat eget ultrices in, iaculis at lorem. Sed lobortis felis lectus, eget auctor diam molestie eget.
</p><p>
Aliquam condimentum massa ut blandit interdum. Suspendisse varius ultrices quam a auctor. Mauris at ornare quam. Donec rutrum dictum scelerisque. Suspendisse finibus pulvinar odio, sit amet vulputate ipsum accumsan condimentum. Nulla at auctor neque, sollicitudin vehicula lacus. Curabitur tincidunt sagittis orci, vel imperdiet dui congue ut. Curabitur ac sapien ut dolor pharetra malesuada in lacinia metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur non suscipit enim. Phasellus in eros euismod, malesuada dolor sit amet, mattis sapien. Donec maximus libero vel est imperdiet, vel fermentum sapien rhoncus. Integer ultricies non sem nec facilisis. Ut gravida id quam quis finibus.
</p><p>
Maecenas vel neque laoreet, accumsan risus sed, sollicitudin sem. Fusce semper sapien ex, vitae posuere metus tempor id. Sed lacinia ex vel elit efficitur vestibulum. Praesent vitae dapibus ante. Curabitur suscipit nulla id feugiat finibus. Cras ut est ut neque vestibulum rutrum. Proin vel tristique velit. Morbi ut urna felis. Sed vitae tortor maximus est accumsan porta. Nunc ut dapibus justo, tincidunt suscipit ipsum. Aenean dapibus velit ut mollis efficitur.
</p><p>
Aenean in lorem suscipit ante elementum interdum. Donec pretium suscipit lacinia. Vestibulum quis ultricies elit. Donec condimentum sollicitudin neque. Etiam a viverra erat. Vivamus posuere volutpat magna, ac pellentesque elit vulputate at. Vestibulum in turpis eu turpis ullamcorper tristique vitae nec turpis. Curabitur vestibulum vehicula nisl, in vulputate neque vehicula in. Suspendisse dignissim, sem non rutrum iaculis, augue nisi aliquet urna, ac faucibus ligula risus vel mauris. Aenean sem justo, viverra nec tincidunt ac, mollis vehicula magna. Aenean eu mi dapibus, pulvinar felis in, maximus nisl. Nulla mollis purus eu viverra rutrum.
</p>
</md-content>
</md-content>
<md-content id="rightbleed" flex=10 class="filler sidebleed"></md-content>
</md-content>
</md-content>
</body>
<md-content id="mid" class="filler" layout="row" flex>
<md-content layout="column" class="filler sidebleed" flex="10" id="leftbleed"></md-content>
<md-content layout="column" id="section4-5" flex>
<md-content id="topbleed" flex=10 class="filler" layout="row"></md-content>
<md-toolbar id="toolbar" class="md-toolbar-tools">
<img layout="row" layout-align="center center" src="http://cf067b.medialib.glogster.com/dimond-queen/media/f4/f4268cbbc332de67e0d2e49d30ee777f4e17845c/tumblr-mgj4rnf0jz1s1e931o1-400.png" style="padding-bottom: 10px;"/>
<span flex></span>
<md-button>
<span style="font-size: 150%;">A</span> A <span style="font-size: 75%;">A</span>
</md-button>
</md-toolbar>
<md-content id="section5 flex">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at nibh sed libero tristique rutrum eu sed est. In a pulvinar risus, dictum faucibus magna. Suspendisse sed quam orci. Proin convallis finibus tortor, eget euismod dolor rutrum in. Nunc lacinia hendrerit massa eu pretium. Donec gravida placerat suscipit. Nam ut hendrerit enim. Donec lacinia ullamcorper diam, et tempus ligula iaculis lacinia. Duis blandit massa sapien, sed egestas nisi fermentum sed. Praesent aliquet, enim in vulputate maximus, risus ante eleifend magna, sed lobortis metus eros maximus justo. Etiam venenatis sem eu nisi tempor tempor. Proin dignissim metus eget interdum vulputate. Praesent iaculis metus ut lorem ornare tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p><p>
Nunc porta laoreet turpis, in ullamcorper turpis suscipit nec. Integer molestie, mi lacinia accumsan sollicitudin, neque felis commodo dolor, interdum suscipit nisi lectus in ligula. Etiam tristique ullamcorper massa. Sed placerat felis at tortor vehicula, vitae ornare felis interdum. Vestibulum lacus velit, egestas vel ante sit amet, sodales vehicula ligula. Etiam auctor nibh tellus, a efficitur lectus porta eu. Suspendisse potenti. Cras placerat ligula orci, feugiat fringilla eros varius convallis. Pellentesque dolor erat, tristique lobortis imperdiet ac, condimentum id nulla. Duis vestibulum est vitae sodales tempor. Sed dictum accumsan rutrum. Pellentesque euismod ornare est a suscipit.
</p><p>
Curabitur nec ipsum hendrerit, lacinia diam in, placerat erat. Morbi hendrerit id est id mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin metus mauris, tincidunt eget dui at, luctus elementum metus. Aenean convallis tellus sit amet velit tempus, eget aliquet urna ultrices. Nam malesuada erat non felis egestas, eget ultrices diam elementum. Fusce eget ante ac urna fermentum molestie id eget nisi.
</p><p>
Curabitur eros diam, facilisis lobortis gravida ac, tincidunt et velit. Fusce suscipit, ex ut vulputate pretium, nisi ligula iaculis tellus, a ornare ex arcu at nisi. Suspendisse interdum iaculis eros, non ullamcorper dolor. Maecenas semper leo auctor malesuada eleifend. Quisque sit amet nunc eu metus faucibus condimentum finibus eu dolor. Quisque vel dui tincidunt, tristique diam eu, scelerisque lacus. In sit amet ipsum molestie, laoreet leo ac, bibendum urna. Sed id erat vitae lacus bibendum porta ac ut velit. In vel nunc tempus, laoreet ante a, dapibus tellus. Nunc fermentum arcu sed vulputate laoreet. Quisque magna ante, fermentum nec rhoncus non, pretium eget sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sem elit, volutpat eget ultrices in, iaculis at lorem. Sed lobortis felis lectus, eget auctor diam molestie eget.
</p><p>
Aliquam condimentum massa ut blandit interdum. Suspendisse varius ultrices quam a auctor. Mauris at ornare quam. Donec rutrum dictum scelerisque. Suspendisse finibus pulvinar odio, sit amet vulputate ipsum accumsan condimentum. Nulla at auctor neque, sollicitudin vehicula lacus. Curabitur tincidunt sagittis orci, vel imperdiet dui congue ut. Curabitur ac sapien ut dolor pharetra malesuada in lacinia metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur non suscipit enim. Phasellus in eros euismod, malesuada dolor sit amet, mattis sapien. Donec maximus libero vel est imperdiet, vel fermentum sapien rhoncus. Integer ultricies non sem nec facilisis. Ut gravida id quam quis finibus.
</p><p>
Maecenas vel neque laoreet, accumsan risus sed, sollicitudin sem. Fusce semper sapien ex, vitae posuere metus tempor id. Sed lacinia ex vel elit efficitur vestibulum. Praesent vitae dapibus ante. Curabitur suscipit nulla id feugiat finibus. Cras ut est ut neque vestibulum rutrum. Proin vel tristique velit. Morbi ut urna felis. Sed vitae tortor maximus est accumsan porta. Nunc ut dapibus justo, tincidunt suscipit ipsum. Aenean dapibus velit ut mollis efficitur.
</p><p>
Aenean in lorem suscipit ante elementum interdum. Donec pretium suscipit lacinia. Vestibulum quis ultricies elit. Donec condimentum sollicitudin neque. Etiam a viverra erat. Vivamus posuere volutpat magna, ac pellentesque elit vulputate at. Vestibulum in turpis eu turpis ullamcorper tristique vitae nec turpis. Curabitur vestibulum vehicula nisl, in vulputate neque vehicula in. Suspendisse dignissim, sem non rutrum iaculis, augue nisi aliquet urna, ac faucibus ligula risus vel mauris. Aenean sem justo, viverra nec tincidunt ac, mollis vehicula magna. Aenean eu mi dapibus, pulvinar felis in, maximus nisl. Nulla mollis purus eu viverra rutrum.
</p>
</md-content>
</md-content>
<md-content id="rightbleed" flex=10 class="filler sidebleed"></md-content>
</md-content>
</md-content>