如何解决复制时,如何防止CSS横幅溢出?
| 在此页面上,我建立了一个CSS Ribbon标头,该标头在后台设置了文本/图标。 这些设置将在页面下复制,横幅仅适用于一个设置,但是在我尝试在背景以下正好覆盖整个部分的位置创建div之后。 HTML:<div>
<p class=\"paddingbottom\"><span class=\"bold\">WHO ARE THEY? </span> Deborah is an active member of Golden Seeds a nation-wide angel investor network that provides early stage and growth capital to women-led and women-owned companies across all sectors. During summer 2010,Jamie interned for Golden Seeds and learned how entrepreneurial ventures are funded in a collaborative environment where women’s potential for economic growth is actualized.</p>
<p>.If you are an accredited investor interested in joining Golden Seeds,please click here.</p>
</div>
</div>
<div class=\"clear\"></div>
<div>
<p class=\"headerorg\"><span class=\"shiftorg\">Golden Seed </span> <span class=\"right\"><span class=\"whitetitle\">Website: <a href=\"http://www.goldenseeds.com/\">goldenseeds.com</a></span><a href=\"#\"><img src=\"\" alt=\"facebook\"/></a><a href=\"#\"><img src=\"http://jumpthru.net/newsite/wp-content/themes/twentyten/images/other/twitter.png\" alt=\"twitter\"/></a></span></p>
<img src=\"\" />
<div class=\"leftcolorg\">
<p class=\"paddingbottom\"><span class=\"bold\">WHO ARE THEY? </span> Deborah is an active member of Golden Seeds a nation-wide angel investor network that provides early stage and growth capital to women-led and women-owned companies across all sectors. During summer 2010,Jamie interned for Golden Seeds and learned how entrepreneurial ventures are funded in a collaborative environment where women’s potential for economic growth is actualized.</p>
<p>WHY ARE THEY IN OUR NETWORK?JumpThru collaborates with Golden Seeds to help increase the number of women-led tech companies that get the support and funding they need to grow. Advise on tech deals,collaborate on educational programming.If you are an entrepreneur seeking funding,please click here for the application to Golden Seeds’ program.
If you are an accredited investor interested in joining Golden Seeds,please click here.</p>
</div>
</div>
<div class=\"clear\"></div>
CSS:
.headerorg {
position: relative;
color: #fff;
font-style:italic;
text-transform:uppercase;
margin: 0 0 20px -15px;
padding: 1px 0 2px;
background: #ff9900;
}
.headerorg a {
color:#FFF;
}
.headerorg:before
{
content: \'\';
position: absolute;
border-style: solid;
border-color: transparent;
bottom: -8px;
}
.headerorg:before
{
border-width: 0 10px 10px 0;
border-right-color: #8b5f1d;
left: 0;
}
.shiftorg {
padding-left: 15px;
background-position: 5px 50%;
background-image: url();
background-repeat:no-repeat;
}
解决方法
问题在于您的浮动结算不起作用。
要实现浮点清除,您可以使用以下方法:
<div class=\"clear\"></div>
如果是原始方法,这是一种可靠的方法。
问题出在您的CSS上(第321行,ѭ3:):
.clear {
:both;
}
应该是:
.clear {
clear: both;
}
您的class
和财产都被命名为named7ѭ,这显然使您感到困惑。
, 有一个<p class=\"headerorg\">...
。如果删除class
属性,对我来说不错。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。