javascript - div不自动伸长 怎么解决？
本文介绍了javascript - div不自动伸长 怎么解决？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!-- 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;}
解决方案
回复不能发图，我就编辑下，反正你的代码我是觉得乱，有点看不下去，你可以稍微整理一下吗
这篇关于javascript - div不自动伸长 怎么解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
