html两个字段自动相加,HTML_两个并列的div让其根据内容自动保持同等高度，我们看下下面这个问题：有左

两个并列的div让其根据内容自动保持同等高度

我们看下下面这个问题：有左右2个并列的div，2个div都不能限定高度。左div为导航，右div为内容。如何能让左div块自动获得和右div块相等的高度？

同时，也有网友提问到“如果右块高度比左块低，会不会导致左块的内容被溢出不显示之类的问题。应该是取左右2者的最高值吧来对齐吧”。

的确应该是哪个div Height值大，就将其值赋给Height值小的div，从而使2个div高度始终保持一致。看代码：

// < ![CDATA[

function $(id){ return document.getElementById(id) } function getHeight() { if ($("left").offsetHeight>=$("right").offsetHeight){

$("right").style.height=$("left").offsetHeight + "px";

}

else{

$("left").style.height=$("right").offsetHeight + "px";

}

window.onload = function() {

getHeight();

}

// ]]>

经测试，该代码有效。

另外，在实际运用，可能还会存在由于左div或右div存在padding属性而导致上述取值变多或变少的问题。比如，最终赋值时发现left比right还高10px，那么也可以通过修改上述代码解决：

$("left").style.height=$("right").offsetHeight-10 + "px";相关阅读:

开始研究Ajax. 第一天

asp 页面允许CACHE的方法

linux应用软件谈之多媒体篇(上)

struts2 session 解读

SQL教程:联接JOIN使用大全

关于css @import url()总结

SQL语句实现子孙树查询经典实例

Vista系统查看CPU最高速度的做法

LESS 让css也支持变量，运算符，include,嵌套规则等等

linux构建动态WEB服务器配置篇

Javascript“篱式”条件判断

AJAX客户端说明，XMLHttpRequest对象

Apache+php+mysql在windows下的安装与配置(图文)

RedNotebook -- 桌面日记本

html两个字段自动相加,HTML_两个并列的div让其根据内容自动保持同等高度，我们看下下面这个问题：有左 - phpStudy...相关推荐

oracle比较两个字段相似度,比较两个字符串的相似度
package com.mytest.testcallable; public class Test { public static void main(String[] args) { String ...
update怎么同时改两个字段_[NewLife.XCode]高级增删改
NewLife.XCode是一个有10多年历史的开源数据中间件,支持nfx/netstandard,由新生命团队(2002~2019)开发完成并维护至今,以下简称XCode. 整个系列教程会大量结合示 ...
arcgis用python字段自动编号,arcgis中字段自动编号的两种方法
<arcgis中字段自动编号的两种方法>由会员分享,可在线阅读,更多相关<arcgis中字段自动编号的两种方法(4页珍藏版)>请在人人文库网上搜索. 1.精选文档关于ARCGI ...
mysql两个字段相减_MySQL 中NULL和空值的区别？
作为后台开发,在日常工作中如果要接触Mysql数据库,那么不可避免会遇到Mysql中的NULL和空值.那你知道它们有什么区别吗? 学不动了,也不想知道它们有什么区别.大兄弟,不行啊,要面试! 前些天我 ...
JAVA中两个char类型相加_【技术干货】Java 面试宝典：Java 基础部分（1）
海牛学院的 | 第 616 期本文预计阅读 |18 分钟 Java 基础部分基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语法,集合的语法,io 的语法, ...
使用MapReduce对豆瓣的数据评分进行排序，最终只要：电影名,评分两个字段。（温馨提示：数据需要去重）
使用MapReduce对豆瓣的数据评分进行排序,最终只要:电影名,评分两个字段.(温馨提示:数据需要去重) 一. 首先讲一下Java中的compareTo方法: 利用CompareTo时,其返回值为 ...
使用sed和awk取除最后两个字段之外的字段
字符串示例为: 1 /Users/yfan/Downloads/dsc20170801_jar/releases/com/netfinworks/ufs/ufs-client/ufs-client-2 ...
MyBatis查询两个字段，返回Map，一个字段作为key，一个字段作为value的实现
1. 问题描述在使用MyBatis,我们经常会遇到这种情况:SELECT两个字段,需要返回一个Map,其中第一个字段作为key,第二个字段作为value.MyBatis的MapKey虽然很实用,但并 ...
不同数据库中两列字段相减(某列有空值)
数据库中两个字段相减(某列有空值)处理方法: sql server中:select (isnull(字段1,0)-isnull(字段2,0)) as 结果 from 表 oracle中:select ...

html两个字段自动相加,HTML_两个并列的div让其根据内容自动保持同等高度，我们看下下面这个问题：有左 - phpStudy...

html两个字段自动相加,HTML_两个并列的div让其根据内容自动保持同等高度，我们看下下面这个问题：有左 - phpStudy...相关推荐

最新文章

热门文章