首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何能使并列的两个div高度相同呢？

作者：庾事镁 | 来源：互联网 | 2023-05-17 12:51
其中一个高度是不确定的另一个同高<dividleft><div><dividmain><div>这个我知道可以用js实现，不
其中一个高度是不确定的
另一个同高


这个我知道可以用js实现，不过不想用，想求教一下css能不能解决这个问题

16 个解决方案

#1

不是有个Height 属性吗？

#2

谢谢楼上的，可是其中一个的高度是不固定的呀
比如博客呀
要是固定不至于出来问吧

#3

外包一层div ，高度设成100% 

#4

引用 3 楼 loveseunghun 的回复:
外包一层div ，高度设成100% 

很好

#5

上面筒子说的对，我接着说
外头用一个div包起来，里面如果不是网页布局的话就用span吧。
css里面再设置下宽度和高度
如果是布局的话 里面用div 
然后css中position:relative 一个div的float:left 一个div的float:right 在设置下宽高

#6



#7

引用 3 楼 loveseunghun 的回复:
外包一层div ，高度设成100% 

谢谢，不好用

#8

引用 4 楼 lianhui1122 的回复:
引用 3 楼 loveseunghun 的回复:
外包一层div ，高度设成100% 
 
很好

很不好

#9

引用 6 楼 underwater 的回复:
 
 
 
 
 
你这个我都没试
根本不好用

#10

试试这个:

#left{float:left;width:300px;margin-right:-300px;background:#CCC;}  
#main{float:right;width:100%;padding-left:300px;background:#ffCCCC;}

 
 
 
 

#11

引用 10 楼 mike_24 的回复:
试试这个: 

#left{float:left;width:300px;margin-right:-300px;background:#CCC;}  
#main{float:right;width:100%;padding-left:300px;background:#ffCCCC;} 

 
 
 
 
这是啥手法？
我的层不光是有个背景色，还有图片呢
上边下边缘都是圆角的。你这样我感觉不行呀，不过谢谢你
你这个思路挺别致的

#12

干么事非要DIV呢?
用一个

   
     
     
   


不就行了,东西是死的,人是活的.这种时候用table比用DIV+CSS方便又快.

不是说DIV+CSS流行就一定要用这个,要看哪个更合适才对.

我就搞美工的,DIV+CSS和table我经常混着用.

有的时候一个小小的问题,明明用table一下就搞定了,非要用DIV+CSS.还什么CSShack

我的页面CSS从来不会出现什么CSShack之类的东西.

用了也没体现什么更好的特点...

当然,纯学习,研究除外...

#13

引用 12 楼 danica7773 的回复:
干么事非要DIV呢? 
用一个 
 
   
     
      
   
 
 

不就行了,东西是死的,人是活的.这种时候用table比用DIV+CSS方便又快. 

不是说DIV+CSS流行就一定要用这个,要看哪个更合适才对. 

我就搞美工的,DIV+CSS和table我经常混着用. 

有的时候一个小小的问题,明明用table一下就搞定了,非要用DIV+CSS.还什么CSShack 

我的页面CSS从来不会出现什么CSShack之类的东西…

也有问题，我是用在dwt里的
某些页某些东西是不要的

#14


   

   


#15

引用 14 楼 xiaohuixiongya 的回复:
 
       
 
       
 

 
另一个没有内容的层根本就不显示

#16

外层加个div，两个div高度用继承

推荐阅读
  • io

    OC学习笔记之@property和@synthesize

    本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • uri

    Webpack5内置处理图片资源的配置方法

    Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中，我们需要使用file-loader和url-loader来处理图片资源，但是在Webpack5中，这两个Loader的功能已经被内置到Webpack中，我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法，如匹配不同类型的图片文件、设置输出路径等。通过本文的学习，读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • char

    Java实现大数乘法（分治算法）

    本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • include

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • io

    CSS3选择器的使用方法详解，提高Web开发效率和精准度

    CSS3选择器的使用方法详解，提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]
  • string

    求解hdu 1003 java题目的动态规划优化方法

    本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]
  • string

    为什么在main.js中写import不会全局生效？

    本文讨论了为什么在main.js中写import不会全局生效的问题，并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效，而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]
  • io

    关于cuowu类的错误提示和使用AdjustmentListener的问题

    本文讨论了一个关于cuowu类的问题，作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案，并给出了两个可能导致错误的原因。 ... [详细]
  • io

    Html5-Canvas实现简易的抽奖转盘效果

    Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ... [详细]
  • io

    CSS3 animation动画属性详解及用法

    CSS3 animation动画属性详解及用法
    本文详细介绍了CSS3 animation动画的各种属性及用法，包括关键帧动画、动画名称、动画时间、动画曲线、动画延迟、动画播放次数、动画状态和动画前后的状态等。通过本文的学习，读者可以深入了解CSS3 animation动画的使用方法。 ... [详细]
  • io

    Java猜拳小游戏代码

    本文介绍了一个Java猜拳小游戏的代码，通过使用Scanner类获取用户输入的拳的数字，并随机生成计算机的拳，然后判断胜负。该游戏可以选择剪刀、石头、布三种拳，通过比较两者的拳来决定胜负。 ... [详细]
  • io

    Java容器中的compareto方法排序原理解析

    Java容器中的compareto方法排序原理解析
    本文从源码解析Java容器中的compareto方法的排序原理，讲解了在使用数组存储数据时的限制以及存储效率的问题。同时提到了Redis的五大数据结构和list、set等知识点，回忆了作者大学时代的Java学习经历。文章以作者做的思维导图作为目录，展示了整个讲解过程。 ... [详细]
  • foreach

    javascript – 概述在Firefox上无法正常工作

    javascript – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观：而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • io

    SpringBoot集成前端模版（thymeleaf）的配置步骤

    本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]
  • io

    Linux进程控制块PCBtask_struct结构体结构及作用详解

    本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用，包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
author-avatar
庾事镁
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有