html - 单击按钮后显示的空白区域

Question

我们在产品页面中有评论选项卡 here , 请使用 CTRL + F 搜索“评论”

一旦我们点击“Be the first to review this product”，它显示如下，意味着完整的设计被破坏了

<div class="form-add">
    <h2><?php echo $this->__('Write Your Own Review') ?></h2>
    <?php if ($this->getAllowWriteReviewFlag()): ?>
    <form action="<?php echo $this->getAction() ?>" method="post" id="review-form">
        <?php echo $this->getBlockHtml('formkey'); ?>
        <?php echo $this->getChildHtml('form_fields_before')?>
        <h3><?php echo $this->__("You're reviewing:"); ?>
            <span><?php echo $this->escapeHtml($this->getProductInfo()->getName()) ?></span>
        </h3>

        <div class="fieldset">
            <?php if( $this->getRatings() && $this->getRatings()->getSize()): ?>
                <h4><?php echo $this->__('How do you rate this product?') ?> <em class="required">*</em></h4>
                <span id="input-message-box"></span>
                <table class="data-table review-summary-table ratings" id="product-review-table">

Answer 1

因为当你点击链接时，你的 .main-container 有 .col2-right-layout 并且默认它有 .col1-layout .

你的.col-main有float:left和width:75%，所以你需要改css或者你需要改类名。

默认布局有CSS:

.col1-layout .col-main {
    float: none;
    padding: 0;
    width: auto;
}

所以你需要像这样为其他页面添加css:

.review-product-list .col2-right-layout .col-main {
    float: none;
    padding: 0;
    width: auto;
}