首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >20个13个小部件不对齐

问20个13个小部件不对齐
EN

Stack Overflow用户
提问于 2016-01-23 20:09:19
回答 1查看 114关注 0票数 0

我这里有一个开发站点,它使用的是一个二零一三年的子主题。

http://unitedconstruction.com/dev/

我有3页脚小部件,但他们不会排在一行,即使他们的宽度是正确的。我认为这与以下代码中自动嵌入的代码有关:

代码语言:javascript
复制
<div class="widget-area masonry" style="position: relative; height: 765px;">
    <aside class="widget widget_flexible-recent-posts-widget masonry-brick" id="flexible-recent-posts-widget-3" style="position: absolute; left: 0px; top: 0px;">
        <div class="frp-widget-wrapper frp-widget-">
            <div class="frp-clear"></div>
            <ul class="frp-widget">
                <!-- Widget Code -->
            </ul>
        <div class="frp-all-category-news frp-all-category-news-footer"><a href="?page_id=7">read more &gt;&gt;</a></div>
    </div>
    </aside>
    <aside class="widget arpw-widget-random masonry-brick" id="arpw-widget-2" style="position: absolute; left: 530px; top: 0px;">
        <h3 class="widget-title"><span>United</span> Projects</h3>
        <div class="arpw-random-otw-portfolio ">
            <ul class="arpw-ul">
                <!-- Widget Code -->
            </ul>
        </div>
                <!-- Generated by https://wordpress.org/plugins/advanced-random-posts-widget/ --><a title="See more Projects" href="http://unitedconstruction.com/dev/projects/">read more &gt;&gt; </a>
    </aside>
    <aside class="widget widget_flexible-recent-posts-widget masonry-brick" id="flexible-recent-posts-widget-2" style="position: absolute; left: 530px; top: 382px;">
        <div class="frp-widget-wrapper frp-widget-">
            <div class="frp-clear"></div>
            <ul class="frp-widget">
                <!-- Widget Code -->
            </ul>
            <div class="frp-all-category-news frp-all-category-news-footer"><a href="http://unitedconstruction.com/in-the-community/">read more &gt;&gt;</a></div>
        </div>
    </aside>        
</div>

您可以看到,第二个和第三个代码都是硬编码的:style="position: absolute; left: 530px; top: 382px;"和我相信thie left 530px正在扼杀对齐。问题是,我不知道在哪里或如何改变这一点。

请帮帮我!谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-24 02:57:25

我怀疑这与“砖石”网格有关..。尝试添加以下代码:

代码语言:javascript
复制
.site-footer .widget {position:static !important;}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34968286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档