更改为以下格式：
        
        <div class="doc" data-docid=1003>
<div class="chapter object">
<p>公诉机关浙江省瑞安市人民检察院。</p>
<p>被告人李某。因涉嫌犯故意伤害罪，于2014年12月10日被取保候审。</p>
<p>辩护人程翔龙，浙江玉海律师事务所律师。</p>
</div>
...

<div class="chapter footer">
<p>审　判　长　　李延锁</p>
<p>人民陪审员　　黄秀华</p>
<p>人民陪审员　　杨协敏</p>
<p>二〇一五年六月四日</p>
<p>书　记　员　　陈杨杰</p>
</div>

        </div>


css设置：

       .chapter {
                   font-size: 14px;
                   line-height: 20px;
                   display: table;
                   padding: 0px 0px 0px 0px;
                   margin: 0px 0px 0px 0px;
                   border: 1px solid red;
                }
       .footer {
                   float: right;
                   line-height: 28px;
                }

如上设置，会导致div.chapter之间有空白，见附件图

(感觉很不省心，总会有这样那样的问题，不是自己预期的)




【 在 saynothing (止语) 的大作中提到: 】
: 应用描述：
: 有一篇文档（几百到上千字），分成了几个区块，如开头、正文、落款。 除了正常
的
: 排版显示，我增加了一个功能：用户点击<落款>按钮时，跳转到落款按钮块。另外，
该
: ...................
--
修改:saynothing FROM 218.108.104.*
FROM 218.108.104.*