当前位置:编程学习 > html/css >>

div冲破父div宽度100%?

<div #id=1> <div #id=2> 这个div是一条横线 怎么冲破防线 </div> </div> #1 style 是宽度980 如何让#2 冲突div 1的宽度,直接延伸到整个屏幕?
补充:结构不能变的前提下,有办法做到吗?
答案:1.是#2的样式改成position:fixed; width:100%;
2.是用js控制#2的宽度如下示例,用的是jquery,可以改成js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="/js/jquery-1.4.4.js"></script>
</head>
<body>
<div id="1" style="width:300px;overflow:visible">
<div id="2" style="background-color:#00CCCC;">
这个div是一条横线   怎么冲破防线
</div>
</div>
<div id="3" style="width:100%;"></div>
<script>
	$(function(){
		$("#2").width($("#3").width());
	})
</script>
</body>
</html>

上一个:如何在input 标签下动态创建一个Div?
下一个:php 输出div,echo <div...

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,