Here 您可以在我的页面中看到浮动:left的问题。我已经为wordpress制作了一个样式,在那里我有指向页面和子页面的链接。
链接“PC a internet,Grafika,Programování”应该在同一行(右图)。我在样式中添加了“float:left”。css和菜单是可以的,但不幸的是标题“PC a internet”向上移动了一行(参见右图)。我不想把它放在那里。
float的使用可能有点棘手,有人能给我一些建议如何纠正它吗?非常感谢。
Here 您可以在我的页面中看到浮动:left的问题。我已经为wordpress制作了一个样式,在那里我有指向页面和子页面的链接。
链接“PC a internet,Grafika,Programování”应该在同一行(右图)。我在样式中添加了“float:left”。css和菜单是可以的,但不幸的是标题“PC a internet”向上移动了一行(参见右图)。我不想把它放在那里。
float的使用可能有点棘手,有人能给我一些建议如何纠正它吗?非常感谢。
添加clear:both;
到您的标题。
示例:https://jsfiddle.net/wap27kuv/
edit: 代码按其应有的方式运行,浮动元素将使没有明确属性的同级元素与浮动元素的一侧对齐。背景clear:both
对于标题,停止浮动行为。您也可以使用clear:left
在这种情况下,它会非常有效。这是一个简短的说明,您可以查看此链接以了解有关清除/浮动属性的更多详细信息,并提供示例:CSS Layout - float and clear
直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0