在Codeigniter的另一個視圖中加載視圖時，HTML元素放錯了位置

Question

我在另一個視圖中調用了一個視圖

    <!-- right area ends -->
        </div><!--row marginTR-30px ends-->

</div><!--container marg-top-bnr ends-->
<!-- blog area ends -->


<?php $this->load->view('common/footer'); ?>
<?php $this->common_lib->compared_salon();  ?>


</div><!--body-inner salon-profile ends -->
<a href="#"class="top-move">Top</a>

在這里，我在這些元素和html注釋之后呈現了我的視圖頁腳

<!-- right area ends -->
            </div><!--row marginTR-30px ends-->

    </div><!--container marg-top-bnr ends-->
    <!-- blog area ends -->

但是，在加載后，頁腳視圖中可用的整個元素都轉到了其某些父元素，因為我可以使用inspect元素看到它

點擊這里查看大圖

所有社交圖標都是水平對齊的，但是由於在加載視圖時標簽結構發生了變化，因此其外觀已完全改變。

之前運行良好，我無法找到解決方案。 根據我的說法，所有頁腳標記元素都應在這些行之后，但是它顯示在它的前面。

<!-- right area ends -->
                </div><!--row marginTR-30px ends-->

        </div><!--container marg-top-bnr ends-->
        <!-- blog area ends -->

Answer 1

不幸的是，您沒有顯示與問題相關的任何HTML。

我的有根據的猜測是您的div在“噴口”上。 我將查看實際的HTML Source，並確保您的配對對在您期望的位置。

如果您“運行了”，但現在不行了-發生這種情況非常容易（讀為-我是在奇怪的情況下親自完成的）。

更新：因此，在您提供的所有代碼中，我發現

<div class="marginT-30px social clearfix">
    <a href="https://www.facebook.com/salontrip" class="col-xs-4 col-sm-2 fb height-Socl" target="_blank"></a>
    <a href="#" class="col-xs-4 col-sm-2 pin height-Socl"></a>
    <a href="#" class="col-xs-4 col-sm-2 twit height-Socl"></a>
    <a href="#" class="col-xs-4 col-sm-2 yout height-Socl"></a>
    <a href="#" class="col-xs-4 col-sm-2 linkd height-Socl"></a>
    <a href="#" class="col-xs-4 col-sm-2 googplus height-Socl"></a>
</div>

我不確定6 x 4是否等於12！ :)我將用細齒梳仔細檢查該代碼。 我不知道在哪里設置marginT-30px和朋友。