【问题标题】:Side-by-side divs in a WordPress themeWordPress 主题中的并排 div
【发布时间】:2012-08-22 22:59:37
【问题描述】:

HTML

CSS of child theme

父主题的 CSS 可以在目录 www.guestvibe.com/wordpress/wp-content/themes/zincious/css/ 中找到,并被称为:

  • 管理员
  • 颜色
  • 布局
  • 导航
  • 分页
  • 需要
  • 幻灯片放映
  • 排版

我知道这种定位问题已经被做死了,但由于编辑现有主题的性质,我发现它很困难。

基本上,我想在#featured 中将#left 和#right 彼此相邻放置,但它下面的#body 给我带来了问题。目前,#right 位于蓝色条纹#body 中。

我的尝试在子 CSS 中被注释掉了,但这只会造成更大的破坏。

【问题讨论】:

    标签: css wordpress html wordpress-theming


    【解决方案1】:

    添加以下定义:

    #left {
        width: 50%;
        float: left;
    }
    #right {
        width: 50%;
        display: block;
        float: right;
    }
    #body {
        clear: left;
    }
    

    当然,您可以将#left 和#right 设为任何您想要的尺寸。出于说明目的,我只是将它们设为 50%。

    【讨论】:

    • 谢谢,这行得通,但它与后面的 div 混淆了 (guestvibe.com/wordpress)。知道如何解决这个问题吗?
    • div 的标识符是什么,应该是什么样子?
    • 在父 div 上使用 overflow: auto 规则。这将允许它“包含”浮动项目。
    猜你喜欢
    • 1970-01-01
    • 2016-06-27
    • 1970-01-01
    • 1970-01-01
    • 2013-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-25
    相关资源
    最近更新 更多