css - WordPress 主题中的并排 div

Question

HTML

CSS of child theme

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

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

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

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

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

Answer 1

添加以下定义:

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

当然，您可以根据需要设置#left 和#right 的任何尺寸。为了便于说明，我只是将它们设为 50%。