0顶

多个图层框等高代码特效

稿源：互联网 2022-04-02 21:40:32 点击： 1470 撤稿纠错

其实现的原理为，正内边距占位，负外边距保持其大小，再由父元素溢出隐藏来实现，而当多模块时，只需在每列最后加上正负补丁，就可以实现

以下讨论的是和等高相关的多个图层框等高代码特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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" />

<meta name="keywords" content="阿里西西 www.alixixi.com" />
<meta name="description" content="阿里西西 网页特效频道 网址 js.alixixi.com" />
<title>多模块等高</title>

<style type="text/css">
* { margin: 0; padding: 0; }

body { font: 12px/1.6em 宋体 sans-serif; }

.box { margin: 0 auto; width: 950px; overflow: hidden; }

.left {  float: left; width: 300px; overflow: hidden; }

.center {  float: left; width: 300px; margin-left: 10px;  overflow: hidden; }

.right {  float: right; width: 330px; overflow: hidden; }

.equal {padding-bottom: 9999px; margin-bottom: -9999px;} 

.tap { border: solid 1px #F00;  margin-top: 10px; }

.border_top { height: 1px; background: #F00; overflow: hidden; }

</style>

</head>

<body>
<div class="box">
  <div class="left equal">
    <div class="tap">fdsfs</div>
 <div class="tap">fdsfs</div>

 <div class="equal tap">fdsfs<br />dsasdfdsfs<br />dsasd<br />dsasd<br />dsasd</div>
  </div>

  <div class="center equal">
    <div class="tap">fsddf</div>
 <div class="equal tap">fsddf</div>
  </div>

  <div class="right equal">
    <div class="equal tap">其实现的原理为，正内边距占位，负外边距保持其大小，再由父元素溢出隐藏来实现，而当多模块时，只需在每列最后加上正负补丁，就可以实现</div>
  </div>
</div>

<div class="box"><div class="left border_top"></div><div class="center border_top"></div><div class="right border_top"></div></div> 
</body>
</html>

关于多个图层框等高代码特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011012667194.shtml方便下次再访问哦。

·上一篇： 很有意思的文字组合图案特效
·下一篇： 新颖flash焦点图切换展示效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

多个图层框等高代码特效

文章分类LIST >>返回首页

最新游戏

最新新闻