首页前端开发HTML相邻div实现一个跟着另一个自适应高度示例代码

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

时间2024-01-24 01:34:25发布访客分类HTML浏览510
导读:收集整理的这篇文章主要介绍了相邻div实现一个跟着另一个自适应高度示例代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <!DOCTYPE HTML PubLIC "-//W3C//DTD HTML...
收集整理的这篇文章主要介绍了相邻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>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: ul里不能直接嵌套div(在ie7以前版...下一篇:如何处理小图标与文字混排的多种...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: 相邻div实现一个跟着另一个自适应高度示例代码
本文地址: https://pptw.com/jishu/584869.html
如何处理小图标与文字混排的多种解决方案 ul里不能直接嵌套div(在ie7以前版本)

游客 回复需填写必要信息