浮动：左看起来不起作用

-3

我有这个site。因为我在马德里的Instalacion de canalon有float: left，所以我预计“2años”会在“Instalacion de canalon en Madrid”的右侧，但是没有，任何人都知道为什么？浮动：左看起来不起作用

.logo-h1 { 
    float: left; 
    .logo { 
    width: 324px; 
    height: 57px; 
    a { 
     width: 324px; 
     height: 57px; 
     display: block; 
    } 
    } 
    h1 { 
    font-size: 17px; 
    font-family: Verdana, Verdana, Geneva, sans-serif; 
    width: 491px; 
    margin-left: 20px; 
    color: #BC2758; 
    margin-top: 6px; 
    } 
} 
.garantia { 
    margin: 9px 24px 0 0; 
    width: 145px; 
    height: 91px; 
}

来源

2013-09-25 ziiweb

权提供你的CSS –

请添加有意义代码和问题描述在这里。请不要将链接到需要修复的网站 - 否则，一旦问题得到解决，此问题将会丢失未来访问者的任何价值。发布 [简短，独立，正确的示例（SSCCE）]（http://www.sscce.org/），这表明您的问题将帮助您获得更好的答案。有关更多信息，请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接到它吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

差不多5k的声望，只是LINK –

Float从常规HTML流中移除该元素。当你有多个元素时，你需要给每个元素一个float属性。在这种情况下，您也可以通过class="garantia my-icons-garantia"（2 anos）将float:left给div，它会显示在第一个的右侧。

来源

2013-09-25 17:02:39 greener

谢谢，但它为什么在这里工作？ http://codepen.io/anon/pen/wFklj与我的代码有什么不同？ – ziiweb

在你的代码中，'float'在'h1'的'div'父节点上。事实上，标题和“2 anos”都在'div'中，所以这就是为什么你需要两个“float：left”。 – greener

我不能完全肯定这是为什么发生的事情，但如果添加float: left“2个ANOS”，它会出现的“Instalacion德cananlon EN马德里”

来源

2013-09-25 17:03:36 mylescc

浮动：左看起来不起作用

回答

相关问题