请问innerHTML插入后，父div在ie下高度没有自适应的问题

PHP编程者 2012-02-07 04:12:52
一个div里面包着多个个DIV层和几个头像

静态下ie6 ie7 ff，DIV的高度都会自适应

但是如果使用js innerHTML插入的话，
FF会自适应高度ie6 ie7就不会自适应高度了，怎么解决这个问题呢？
...全文
247 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
PHP编程者 2012-02-08
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 zsx841021 的回复:]

引用 3 楼 helloqhq 的回复:

引用 1 楼 zsx841021 的回复:

alert出来看看那块不一样
是不是innerHTML导致的？

应该不是。。。代码少的话发上来吧。。
[/Quote]代码有点多，不过新增和原代码对比了下，没找出什么不同
PHP编程者 2012-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 zsx841021 的回复:]

引用 3 楼 helloqhq 的回复:

引用 1 楼 zsx841021 的回复:

alert出来看看那块不一样
是不是innerHTML导致的？

应该不是。。。代码少的话发上来吧。。
[/Quote]

插入js：
$('#add_sku_div_menu'+menu_id).before(html_str);
PHP编程者 2012-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 zsx841021 的回复:]

引用 3 楼 helloqhq 的回复:

引用 1 楼 zsx841021 的回复:

alert出来看看那块不一样
是不是innerHTML导致的？

应该不是。。。代码少的话发上来吧。。
[/Quote]
正常输出时：


						{foreach from=$list.goods item=goods_list name=goods}

							<div class="list_edit" id="new_menu{$list.ssdm_id}_add_{$smarty.foreach.goods.iteration}" style="display:none">

						        	<p>商品名字：</p>

						            <p><input type="text" class="md_text_01 wth150" id="new_menu_keyword{$list.ssdm_id}_{$smarty.foreach.goods.iteration}" value="{$goods_list.sku_name}"/></p>

						            <p><input type="button" value="搜索" onclick="search_sku('new_menu_keyword{$list.ssdm_id}_{$smarty.foreach.goods.iteration}','select_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}');"/></p>

						            <p class="padt5">

						            	<select style="width:150px;" id="select_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}" onchange="get_sku_url('select_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}','text_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}')">

						                	<option value=""></option>

						                </select>

						            </p>

						            <p class="padt5"><input type="text" class="md_text_01 wth150" id="text_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}" value="http://www.buynow.com.cn/goods_show.php?sku_id={$goods_list.sku_id}"/></p>

						            <p id="new_menu{$list.ssdm_id}_p_{$smarty.foreach.goods.iteration}"><input type="button" value="添加" onclick="add_new_sku({$list.ssdm_id},{$smarty.foreach.goods.iteration})"/></p>

					        </div>

					     

					    	<div class="list" id="new_menu{$list.ssdm_id}_edit_{$smarty.foreach.goods.iteration}">

	        		        	<div class="list_img" id="img_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}"><a href="goods_show.php?sku_id={$goods_list.sku_id}" title=""><img src="{$img_url}/{$goods_list.thumb_url}" onerror="this.src='images/pic.jpg'"/></a></div>

					            <div class="list_text">

					            	<p class="list_price" id="price_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}">热卖价：￥{$goods_list.price}</p>

					                <p class="list_name" id="sku_name_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}"><a href="goods_show.php?sku_id={$goods_list.sku_id}" title="{$goods_list.sku_name}">{$goods_list.sku_name|truncate:40}</a></p>

					                <p class="list_btn" id="btn_new_menu{$list.ssdm_id}_{$smarty.foreach.goods.iteration}"><a href="goods_show.php?sku_id={$goods_list.sku_id}" title="{$goods_list.sku_name}" target="_blank"><img src="images/btn_buy.gif" /></a></p>

					                <p style="text-align:center;"><input type="button" value="修改" onclick="edit_new_sku_1({$list.ssdm_id},'{$smarty.foreach.goods.iteration}')"/>    <input type="button" value="删除" onclick="del_new_sku({$list.ssdm_id},'{$smarty.foreach.goods.iteration}')"/></p>

				                </div>

					        </div>

						     <input type="hidden" id="new_menu{$list.ssdm_id}_ssds_id_{$smarty.foreach.goods.iteration}" value="{$goods_list.ssds_id}">

						     <input type="hidden" id="new_menu{$list.ssdm_id}_sku_id_{$smarty.foreach.goods.iteration}" value="{$goods_list.sku_id}">

				     	{/foreach}

						<div class="list_edit" style="padding:0" id="add_sku_div_new_menu{$list.ssdm_id}">

							<input type="hidden" id="new_menu{$list.ssdm_id}_sku_count" value="{if $list.goods_count eq 0}1{else}{$list.goods_count eq 0}{/if}">

				        	<a style="cursor:pointer"><p onclick="add_sku_div(2,{$list.ssdm_id});" style="height:270px;font-size:30px;line-height:270px;text-align:center;color:#0099FF;maggin:0">点击新增</p></a>

				        </div>


当点击“点击新增”后新增代码：


<div class="list_edit" id="menu2_add_2" >

	<p>商品名字：</p>

	<p><input type="text" class="md_text_01 wth150" id="menu2_keyword_2"/></p>

	<p><input type="button" value="搜索" onclick="search_sku('menu2_keyword_2','select_menu2_2');"/></p>

	<p class="padt5"><select style="width:150px;" id="select_menu2_2" onchange="get_sku_url('select_menu2_2','text_menu2_2')"><option value=""></option></select></p>

	<p class="padt5"><input type="text" class="md_text_01 wth150" id="text_menu2_2"/></p>

	<p id="menu2_p_2"><input type="button" value="添加" onclick="add_sku('2','2')"/></p>

</div>



<div class="list" id="menu2_edit_2" style="display:none"> 

	<div class="list_img" id="img_menu2_2"></div>

	<div class="list_text">

	<p class="list_price" id="price_menu2_2"></p>

	<p class="list_name" id="sku_name_menu2_2"></p>

	<p class="list_btn" id="btn_menu2_2"></p>

	<p style="text-align:center;"><input type="button" value="修改" onclick="edit_sku_1('2','2')"/>    <input type="button" value="删除" onclick="del_sku('2','2')"/></p>

	</div>

</div>



<input type="hidden" id="menu2_ssds_id_2" value="">

<input type="hidden" id="menu2_sku_id_2" value="">
三石-gary 2012-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 helloqhq 的回复:]

引用 1 楼 zsx841021 的回复:

alert出来看看那块不一样
是不是innerHTML导致的？
[/Quote]
应该不是。。。代码少的话发上来吧。。
PHP编程者 2012-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 zsx841021 的回复:]

alert出来看看那块不一样
[/Quote]是不是innerHTML导致的？
PHP编程者 2012-02-07
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 zsx841021 的回复:]

alert出来看看那块不一样
[/Quote]alert了一下，没发现什么不一样的地方
三石-gary 2012-02-07
  • 打赏
  • 举报
 回复
alert出来看看那块不一样
html input高度自适应,模拟input输入框高度自适应
记得几年前就碰到过这种需求，现在又碰到了，解决方法就是用contenteditable属性来模拟textarea或者input来实现根据输入内容高度自适应,因为contenteditable属性的元素有自带的这个属性，但是这种模拟的有很多不确定...
js 在指定宽高元素中插入自适应图片
在一个指定宽高的div中根据图片尺寸做相应展示。首先，需要获取图片的真实宽高，其次比较图片宽高和容器宽高，根据不同情形设置图片元素的展示样式。这里分三类：1、如果图片的width和height均小于容器的width和...
contentEditable实现div可编辑，控制插入节点（兼容IE）
实现可文字编辑也可插入节点的功能 展示如下： html5中contentEditable属性规定是否可编辑元素的内容，给需要编辑的节点添加contentEditable=“true”。 兼容性： 当点击Button时在编辑框内增加节点： 一开始div...
div+css兼容 ie6_ie7_ie8_ie9_ie10和FireFox_Chrome等浏览器方法
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:...2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。...设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bu
CSS

61,117

社区成员

60,728

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章