div不自动伸长 怎么解决？

Question

<!-- boder pro info start -->
    <div id="infobased" style="border-bottom:#B5B5B5 solid  1px;min-height: 280px;overflow: auto;" >
                    <div class="col-xs-12" style="background: #ff7477;height: 30px;padding-left: 0px;">
                            <div class="col-xs-6" 
                            style='background:url("/resource/images/lgip/addpro/navbg.png")  no-repeat;height: 30px;
                                color: #fff;'>
                                <img style="margin-top: 6px;" src="/resource/images/lgip/addpro/baseinfo.png">
                                <div style="position: absolute;top: 4px;left: 40px;">基本信息</div>
                            </div>
    
        <div class="col-xs-12">
        
        <div class="col-xs-12 font_size" style="padding-left: 0px;">
            <div class="col-xs-12" style="margin-top: 17px;">
                <div class="col-xs-6">
                    <div class="col-xs-4 text-left" style="left: 12px;">
                        <!-- <img src="../../../resource/func/images/details/industry.png"> -->
                        行业类别
                    </div>
                    <div class="col-xs-8 text-left fontColor1" id="showProType"></div>
                    <div class="col-xs-12" style="margin-bottom: 10px; padding: 0px;display: none;">
                        <label for="tzjg" class="col-xs-2 control-label "
                            style="padding-right: 0px; padding-left: 0px;">行业类别 </label>
                            <div id="areapicker" class="col-xs-10" style="width: 300px;height: 30px;margin-left: 16px;">
                                <div class="form-group">
                                    <div style="position: relative;">
                                        <input id="industry-picker3" class="form-control inputcss" readonly="readonly"
                                            type="text"  name="proType"  value="${pro.proType}" data-toggle="industry-picker">
                                    </div>
                                </div>
                        </div>
                        
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="col-xs-3 text-left" style="padding-left: 0px;left: 44px;" >
                        <!-- <img src="../../../resource/func/images/details/address.png"> -->
                           所在区域
                    </div>
                    <div class="col-xs-9 text-left fontColor1" id="showProArea" style="left: 68px;">${proAreaZN}</div>
                    <div id="distpicker" class="col-xs-10" style="width: 300px;height: 30px;margin-left: 16px;display: none;">
                                <div class="form-group">
                                    <div style="position: relative;">
                                        <input id="city-picker3" class="form-control inputcss" readonly="readonly"
                                            type="text"  name="proArea"  value="${pro.proArea}" data-toggle="city-picker">
                                    </div>
                                </div>
                    </div>
                </div>
            </div>
            
            <div class="col-xs-12" style="margin-top: 17px;">
                    <div class="col-xs-6">
                        <div class="col-xs-4 text-left fontColor" style="left: 12px;">合作方式</div>
                        <div class="col-xs-8 text-left fontColor1">
                            ${cooperateName }
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="col-xs-5 text-left fontColor" style="padding-left: 3px;">投融资起止日期</div>
                        <div class="col-xs-7 text-left fontColor1" style="padding-left: 25px;">
                        <c:if test="${empty pro.startTime}">- -</c:if>
                        <c:if test="${not empty pro.startTime}">
                            <fmt:formatDate value="${pro.startTime}" pattern="yyyy-MM-dd" />
                        </c:if>
                        </div>
                    </div>
            </div>
            
            <div class="col-xs-12" style="margin-top: 17px;">
                    <div class="col-xs-6">
                        <div class="col-xs-4 text-left fontColor" style="left: 12px;">发布单位</div>
                        <div class="col-xs-8 text-left fontColor1">
                            ${pro.filmName}
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="col-xs-5 text-left fontColor" style="padding-left: 44px;">项目单位</div>
                        <div class="col-xs-7 text-left fontColor1" style="padding-left: 25px;">
                            ${pro.investMain}
                        </div>
                    </div>
            </div>
            
            <div class="col-xs-12" style="margin-top: 17px;">
                    <div class="col-xs-12">
                        <div class="col-xs-4 text-left fontColor" style="width: 107px;left: 12px;">资金用途</div>
                        <div class="col-xs-8 text-left fontColor1" style="padding-left: 22px;">
                            暂无
                        </div>
                    </div>
            </div>
            
            <div class="col-xs-12" style="margin-top: 17px;">
                    <div class="col-xs-12">
                        <div class="col-xs-4 text-left fontColor" style="width: 107px;padding-left: 0px;">对合作方要求</div>
                        <div class="col-xs-8 text-left fontColor1" style="padding-left: 22px;">
                            暂无
                        </div>
                    </div>
            </div>
            
            
        </div>

    </div>
    
    </div>
    <div style="clear: both;"></div>
    </div>

css样式：
<style>
.body_style {

font-size: 14px;
color: #888888

}

.bg_all {

}

.guide_style {

float: left;
margin-top: 6px;

}

.details {

background-color: #ffffff;
min-height: 300px;
min-width: 600px;
height: 300px;
width: 970px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
text-align: center;
display: table;

}

.pic_index {

width: 13px;
background-image: url("../../../resource/func/images/details/pic_1.png");
height: 13px;

}

.font_size {

font-size: 14px;

}

.details_down {

background-color: #ffffff;
min-height: 200px;
min-width: 600px;
height: 200px;
width: 970px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
display: table;

}

.details_button {

background-color: #ffffff;
min-width: 600px;
width: 970px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
margin-bottom:20px;
display: table;

}
.details_bottom{

min-width: 600px;
width: 970px;
margin-left: auto;
margin-right: auto;
text-align: center;

}
.fontColor{

color: #888;

}
.fontColor1{

color: #888;

}
.title_div{

background-color: #ffffff;
min-width: 600px;
width: 970px;
margin:auto;
text-align: left;
display: table;
height: 53px;

}

Answer 1

回复不能发图，我就编辑下，反正你的代码我是觉得乱，有点看不下去，你可以稍微整理一下吗

Answer 2

最好先看看怎么提问

另外，就不能把样式和html分开写么

Answer 3

overflow:hidden;是不是写浮动了？

Answer 4

楼主你确定这是div的长（宽）度问题？这貌似是高度重合的问题吧？你得贴一点样式出来啊，不然谁知道你是怎么给的样式？浮动还是定位还是间距影响导致的？你审查一下那个带框的div啊，你看看他的高度到底是多少？怎么就莫名其妙的少了一截，仔细看看你前后的样式啊

Answer 5

补充下样式吧，信息太少了。而且，你图里的箭头指的应该是下面的元素吧。

看你加了个clear:both。从有限的信息里猜测是加错地方了，你将浮动清除加给对方合作要求所在的布局块试试，而不是加给它下面的那个div。

你给的代码和贴的图不是一个东西。测不了。