相邻div实现一个跟着另一个自适应高度示例代码

本文为大家详细介绍下如何实现,相邻div、一个跟着另一个自适应高度,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助

 

 

复制代码
代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>new document</title>
<style type="text/css">
.wrap{
border:1px solid #006699; width:500px; overflow:hidden;
}
.wrap .left{
float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px;
}
.wrap .right{
float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="left">
<p> 内容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>
</div>
<div class="right">
sfds
<p> 内容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>
<p>内 容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>
</div>
</div>
</body>
</html>

时间: 2024-10-31 18:19:36

相邻div实现一个跟着另一个自适应高度示例代码的相关文章

div+css横向三栏布局自适应宽度示例

div+css横向三栏布局自适应宽度示例以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

分享iframe自适应高度实现代码

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;       好几次看到有人提问问到如何实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现 滚动条的现象,刚好我在工作中也碰到了类似问题, 于是上网翻查,东抄抄西看看,弄出来这么一个函数,贴到页面 里面就能用了.不敢独享,大家要是 211.html">觉得有用,欢迎使用 源代码如下<code>

文本框根据输入内容自适应高度的代码_表单特效

其实现代浏览器大多都支持文本框尺寸调节功能,绝大多数情况下却没有自动适应来得爽快,在网络上发现一方法比较简单的实现文本框高度自适应,于是封装了这个函数,准备以后应用到项目中. 源代码: 23:03文章更新: 感谢alucelx同学再次给力的帮助,大大简化了方法,更新代码为0.2版本,同时解决了兼容Opera浏览器,至此全兼容IE6+与现代浏览器! 在线演示: http://demo.jb51.net/js/2011/autoArea/index.htmautoTextarea.js 复制代码 代

HTML5实现一个能够移动的小坦克示例代码

HTML5一词想必大家早已如雷贯耳,其功能很强大,本文为大家介绍下通过其实现一个能够移动的小坦克,具体如下,喜欢HTML的朋友可以参考下     复制代码 代码如下: <!DOCTYPE html> <html> <head> </head> <body onkeydown="changeDirect()"> <canvas id="tankMap" width="500px" h

web前端-一个div内含三个div,内部三个div向左浮动,最后一个自适应大小

问题描述 一个div内含三个div,内部三个div向左浮动,最后一个自适应大小 在页面body里有一main层div,里面有三块div:left,Middle,right;全部向左浮动,最左边两个left,Middle,固定宽度,让最后一个div自适应剩余的空间,理想图如图: 而我现实出现成这样,如图最右边的只有一小块,不知道怎么设置成充满,而且,由于屏幕的分辨率会变,最右边的还容易跑到最下边去,如图: 求各位大神指导.... 解决方案 最好写百分比......这样最起码不会出现小屏的时候,第三

js-两个div都隐藏的,当一个div显示的时候另一个div也跟着显示

问题描述 两个div都隐藏的,当一个div显示的时候另一个div也跟着显示 两个div都隐藏的,当一个div显示的时候另一个div也跟着显示 求指导 解决方案 判断第一个div是否隐藏, if ($("#div1").is(":hidden")) { $("#div2").hide(); }else{ $("#div2").show(); } 解决方案二: 你显示div的时候同时显示div2不就好了 div1.style.di

Gridview的自适应高度后第一个item点击无效的问题

问题描述 Gridview的自适应高度后第一个item点击无效的问题 我在自己写GridView的时候,想弄自适应高度,然后第一个item点击无响应, 后来在网上找到方法,试了还是无效.我的代码如下: import android.annotation.SuppressLint; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.

不好意思了各位大虾我想问一个问题,一个前台页面如何实现点击导航以后,头部尾部 消失中间高度自适应。

问题描述 不好意思了各位大虾我想问一个问题,一个前台页面如何实现点击导航以后,头部尾部 消失中间高度自适应. 不好意思了各位大虾我想问一个问题,一个前台页面如何实现点击导航以后,头部尾部 消失中间高度自适应. 解决方案 整个页面高宽全给百分比100%,然后在给中间的部分高度100%,然后首位隐藏后,中间部分就自动补满了.

jquery-div覆盖问题,div如何不被另一个div覆盖

问题描述 div覆盖问题,div如何不被另一个div覆盖 MVC项目View中,现在有2个div,Div1和Div2 Div1是在页面一刷新的时候就会加载的 Div2是在js中执行初始化脚本时,append方法添加的 由于这两个div挨得近,所以Div2会覆盖住Div1(因为html加载好后,在执行的js中append方法,直接覆盖了html原有的位置的Div2) 我想要的效果是Div1在上面,也就是Div1覆盖Div2. 求解决方案! 解决方案 设置div的z-index的值 解决方案二: s