div高度自适应(父元素未知,所有高度跟随子元素最大的高度)

简介: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0; padding:0;}
.wrapper{
    width:100%; 
    overflow:hidden;   //关键
    position:relative;
     
    background:blue;border:1px solid #333;}
    
.box{
    width:250px; 
    padding-bottom:520px; margin-bottom:-500px;   //关键
    float:left;
     
    background:red;border:1px solid #333; display:inline;
}
</style>
</head>
<body>

<div class="wrapper">
  <div class="box"><br/><br/><br/><br/><br/></div>
  <div class="box">Lia,日本女歌手,现居东京。作品风格包括各种Anime Song在内的多种流派,从J-pop,R&B,Jazz到Soul,Lia均能发挥出色。
Lia在15岁赴美深造,大学毕业后的一段时期洛杉矶活动。
2001年开始演艺活动,拥有治愈系的歌声,其歌唱力亦极受肯定,并参加I've,曾演唱多首著名游戏动画的主题曲。
同时还是2011年新开发的、隶属VOCALOID3的软件“IA”的声源提供者。</div>
  
  <div class="box">2004年9月开始在各地举行演唱会;11月初开设歌迷俱乐部。 2006年1月将举行演唱会。</div>
</div>
</body>
</html>

 

相关文章
|
人工智能 API C++
【AI绘画大比拼】通义万相VS文心一格:探索十种风格下的绘画生成差异!
近日,通义大模型家族的新成员——通义万相已在人工智能大会上亮相。其中,通义万相的强大的“文生图”功能,不禁让我想到了去年八月由百度依托飞桨、文心大模型的技术创新推出的“AI作画”首款产品——文心一格。 那么,在类似的Prompt下,两款产品的表现将会如何呢?今天就让我们就十种风格下二者生成图像的表现力,来看看这两款产品的差异。
|
Docker Windows 容器
Docker——镜像源更换国内源
Docker——镜像源更换国内源
4134 0
|
算法 安全
AtomicInteger使用非阻塞算法,实现并发控制多线程实现售票
AtomicInteger使用非阻塞算法,实现并发控制多线程实现售票
235 0
|
Java Sentinel 微服务
|
存储 前端开发 JavaScript
登录系统及表结构设计
登录系统及表结构设计
1837 0
|
Ubuntu Linux
HP LINUX打印机驱动安装步骤
HP LINUX打印机驱动安装步骤
633 0
|
数据可视化 开发工具 uml
Markdown 拓展:Gitlab/Github 开启 UML 图支持
为什么需要它 一些可视化工具再给我们带来直观性的同时,也增加了操作的难度,需要精细地调整组件的大小和样式,更多的时候,我们不是为了写一份漂亮的报告而画流程图,只是需要便捷地向他人分享自己的 idea,在这样的需求下,代码生成流程图显然更适合。
1624 0
|
网络协议 应用服务中间件 nginx
|
Linux
linux 比较两个文件夹不同 (diff命令, md5列表)
比较文件夹diff,可以直接使用diff命令 [root@~]# diff -urNa dir1 dir2  -a Treat all files as text and compare them line-by-line, even if they do not seem to be text.
4197 0
|
云安全 安全 网络安全