这个是写出来的效果

这个是原图html效果

这个是代码
请问怎么才能显示完整呢？
方便的话请提供一下完整代码。。

这里是前半段的代码

</code></pre>
<p>class: center, middle, inverse, title-slide</p>
<h1>data</h1>
<h2>1</h2>
<h3>2</h3>
<h3>3</h3>
<hr>
<p><iframe src="test12.html" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()"  ></iframe></p>
<hr>
<p>class: inverse, center, middle</p>

                            
                                    </div>
            <div class="share flexRow">
                <div class="shareReply flexColumn shareDiv">
                    <a href="javascript:;"><img class="sharerImg" src="/static/images/images/icon50.png" data-id="1"></a>
                    <span class="sharerSpan">1</span>
                </div>

                <div class="shareLike flexColumn shareDiv" onclick="ask_comment_good(74332)">
                    <a href="javascript:;" >
                                                    <img class="sharerImg" src="/static/images/images/icon52.png" data-id="2">
                                            </a>
                    <span class="sharerSpan">0</span>
                </div>


                <div class="shareLDz flexColumn shareDiv dzdiv dzdiv1 aiaskgoodICollection" data-id="">
                    <a href="javascript:;" >
                                                    <img class="sharerImg " src="/static/images/images/icon37.png" data-id="5">
                                            </a>
                    <span class="sharerSpan">0</span>
                </div>




            </div>
            <script>
                $('.jbtitleimg').on('click',function(){
                    $("#layuitc").hide()
                    var layer = layui.layer;
                    layer.closeAll();
                })
                $('.jbbtn').on('click',function(){
                    $("#layuitc").hide()
                    var layer = layui.layer;
                    layer.closeAll();
                })
                $('.sharerImg').mouseenter(function(e){
                    var dataId = e.currentTarget.dataset.id
                    if(dataId == 1){
                        // $('.shareReply').find('img').attr('src','/static/images/images/icon51.png')
                    }else if(dataId == 2){
                        // $('.shareLike').find('img').attr('src','/static/images/images/icon53.png')
                    }else if(dataId == 4){
                        $('.shareShare').find('img').attr('src','/static/images/images/icon55.png')
                    }else{

                    }

                })
                $('.sharerImg').mouseleave(function(e){
                    var dataId = e.currentTarget.dataset.id
                    if(dataId == 1){
                        // $('.shareReply').find('img').attr('src','/static/images/images/icon50.png')
                    }else if(dataId == 2){
                        // $('.shareLike').find('img').attr('src','/static/images/images/icon52.png')
                    }else if(dataId == 4){
                        $('.shareShare').find('img').attr('src','/static/images/images/icon54.png')
                    }
                })
            </script>
            <!--            <div class="reply">-->
            <!---->
            <!--                <div class="replyTop flexRow">-->
            <!--                    <div class="retLeft flexRow">-->
            <!--                        <img src="/static/images/examples/text55.png" class="retlAvatar" >-->
            <!--                        <span class="retlName">飞儿</span>-->
            <!--                    </div>-->
            <!--                    <a href="#"><img src="/static/images/images/icon-del.png" class="retRight"></a>-->
            <!--                </div>-->
            <!--                <img src="/static/images/examples/text26.jpg" class="replyTextarea">-->
            <!--                <button type="button" class="replayBtn">回答</button>-->
            <!--            </div>-->

            <div id="commentinput" class="info detail-comment-input layui-hide-sm">
                <div class="detail-ci-avator">
                    <img src="https://img.php.cn/upload/avatar/000/000/001/6251028808086368.png" alt="PHP中文网"/>
                    <div class="detail-r">
                        <span class="detail-name">PHP中文网</span>
                        <p class="detail-signal">认证高级PHP讲师</p>
                    </div>
                </div>
                <div id="js-reply-wrap">
                    <div id="js-reply-editor-box" class="wd-comment-box js-ci-inner edui-imooc"></div>
                    <div class="qa-ci-footer">
                        <div class="qa-ci-footright">
                            <button id="js-wenda-ci-submit" class="detail-btn" data-qid="74332">回答</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="pinglundeplace" class="allReply ask-reply-all-list comments-content">
                <div class="arTop flexRow">
                    <div class="artLeft flexRow fontBold fontColor1">全部回复<b class="artlb colorGrey">(1)</b></div>
                    <button class="artBtn ask-comment-answer">我来回复</button>
                </div>
                <div class="allReplayLine"></div>

                                <div class="wdsyConDiv flexRow ask_top_ul">
                    <img src="https://img.php.cn/upload/avatar/000/000/004/5c511d62e6c0e698.png" alt="大家讲道理" class="wdcdImg">
                    <div class="wdcdContent flexColumn">
                        <div class="wdcdContentReply">
                            <div class="wdxqrcTop flexRow">
                                <a href="/member/4.html" target="_blank" class="wdcdcName">大家讲道理<b class="wdxqRcT colorGrey">2017-04-17 14:57:23</b></a>
                                <span class="wdxqrcTopspan colorGrey">1楼</span>
                            </div>
                            <div class="wdcdcCons"><p>试试这个可以吗</p>
<pre class='brush:php;toolbar:false;'><code>function iFrameHeight() {
    document.getElementById("iframepage").style.height = window.frames['iframepage'].document.documentElement.scrollHeight + 'px';
}</code></pre></div>
                            <div class="wdcdcInfo flexRow">
                                <a href="javascript:ask_reply_good(151454)"> <img class="wdxqindz" src="/static/images/images/icon27.png"></a>
                                <span class="wdxqindzspan">赞 <b>+0</b></span>
                                <div class="wdcdcileft">
                                    <a href="javascript:;" class="wdcdciSpan reply">添加回复</a>
                                </div>
                            </div>
                                                            <div class="wdcdContentReplyss" style="display: none;">
                                    <div class="reply textarea-con">
                                        <div class="replyTop flexRow">
                                            <div class="retLeft flexRow">
                                                <img src="https://img.php.cn/upload/avatar/000/000/001/6251028808086368.png" class="retlAvatar" >
                                                <span class="retlName">PHP中文网</span>
                                            </div>
                                            <!--                                                <a href="#"><img src="../images/images/icon-del.png" class="retRight"></a>-->

                                        </div>
                                        <textarea class="replaytext colorGrey" id="release-reply" placeholder="写下你的回复">
                                        回复