浮动的问题：Left-意外行为

时间：2017-05-04 作者：Karel

Here 您可以在我的页面中看到浮动：left的问题。我已经为wordpress制作了一个样式，在那里我有指向页面和子页面的链接。

链接“PC a internet，Grafika，Programování”应该在同一行（右图）。我在样式中添加了“float:left”。css和菜单是可以的，但不幸的是标题“PC a internet”向上移动了一行（参见右图）。我不想把它放在那里。

Problem with CSS style

float的使用可能有点棘手，有人能给我一些建议如何纠正它吗？

非常感谢。

1 个回复
最合适的回答,由SO网友:Takebo 整理而成

添加clear:both; 到您的标题。

示例：https://jsfiddle.net/wap27kuv/

edit: 代码按其应有的方式运行，浮动元素将使没有明确属性的同级元素与浮动元素的一侧对齐。背景clear:both 对于标题，停止浮动行为。您也可以使用clear:left 在这种情况下，它会非常有效。这是一个简短的说明，您可以查看此链接以了解有关清除/浮动属性的更多详细信息，并提供示例：CSS Layout - float and clear

标签： menus   css   小码农  

相关推荐

通过主题定制器编辑style.css

直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0