div 高度自适应的问题_html/css_WEB-ITnose

nbsp;HTML>

 
.main_all{border:1px solid red;width:1200px;margin: 0 auto;}
.page{border:1px solid blue;width:1200px;float:left;height:40px;line-height:40px;text-align:center;}

dsadas
   

    

代码如上,div page实在main_all里的  为什么div main_all的高度不自增,要如何做到这样的自增

回复讨论(解决方案)

而且  我把page 里的float:left;换成margin: 0 auto;就可以在 main_all里了,这是我从我的页面挑出来的代码,当我不把page 里的float:left;换成margin: 0 auto;时,还会造成附件的css失效

把float:left; 拿掉。 你这样叫做浮动塌陷,要么清除浮动。

nbsp;HTML> .main_all{border:1px solid red;width:1200px;margin: 0 auto;}.page{border:1px solid blue;width:1200px;float:left;height:40px;line-height:40px;text-align:center;}
dsadas
   
     

登录后复制

 

清除浮动常用的方法

谢谢大神!!!!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3092607.html

(0)
上一篇 2025年3月28日 14:05:52
下一篇 2025年3月28日 14:05:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 如何使用div+css进行网页布局

    div标签,我们称为层,div是块状元素,结合css能够很好的进行网页布局 我们先来写一段div+css的代码,让大家看下div是什么样的 nbsp;html>div{width:300px;height:300px;border:1…

    编程技术 2025年4月4日
    100
  • vscode如何实现侧边栏缩放以及代码自适应屏幕

    侧边栏缩放 进入vscode目录,打开workbench.desktop.main.css文件,如下图所示: 记事本打开后,如下图所示: 重启vscode即可。 设置代码自适应屏幕 步骤如图所示: 相关文章教程推荐:vscode教程 以上就…

    2025年4月2日 编程技术
    200
  • vue.js如何动态设置元素高度

    vue.js动态设置元素高度的方法:【data() {//存放数据}】。 本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。 话不都说,直接上代码: vue代码: 登录后复制 data数据: 立即学…

    2025年4月1日
    200
  • 响应式布局、移动端布局,有什么区别?

    对这些概念不是很清楚。以我的理解,pc端的网页布局一般div是固定的宽度,响应式布局现在大多数是根据访问设备的宽度分别显示不同的css,个人觉得这样太麻烦了,至少要写3个不同的css,到底怎么样才算是移动端布局?如果只写一个css,而适应不…

    编程技术 2025年4月1日
    100
  • 关于rem的宽度和高度不生效的问题分析

    现在很多前端都用rem来单位元素和字体大小 一般的设置是  html{ font-size:62.5%;  } 换算来源 1rem = 16px 10/16 = 0.625 这样10px 就等于了1rem  1.4rem = 14px (这…

    编程技术 2025年4月1日
    100
  • 关于BFC与高度塌陷的问题

        这个概念我大概是去年时候接触到的吧,略略记录了一下,没有深入研究,恰逢最近秋招,在这里写一写,顺便加深自己的印象。    什么是BFC?    页面中的元素都隐含一个属性Block Formatting Context(块级格式化上…

    2025年4月1日 编程技术
    200
  • HTML里DIV相互重叠怎么办

    我们常常在做网页的时候发现一个问题,那就是div覆盖了div,这样就出现了div的盒子重叠覆盖导致内容没有出现这么一个问题,那么我们今天就来给大家介绍一下产生原因以及解决方法。 可能您遇到过上下结构的布局,下面DIV内容重叠上面DIV内容上…

    编程技术 2025年4月1日
    100
  • 怎样让DIV自适应高度

    在我们完成项目的时候,都会遇到,让div自适应高度这个效果的实现,那么今天我们就给大家做出俩种情况下怎么实现div自适应高度的效果。 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度; 第二种:没有最小高度,DIV完全自…

    编程技术 2025年4月1日
    100
  • 在JS/jQuery中如何实现DIV延时几秒后消失或显示

    这篇文章主要介绍了js/jquery实现p延时几秒后消失或显示的方法,结合实例形式分析了javascript使用settimeout及jquery使用delay方法实现延迟显示功能的相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS/j…

    编程技术 2025年3月31日
    200
  • 怎样操作JS读取xml内容并输出到div内

    这次给大家带来怎样操作JS读取xml内容并输出到div内,操作JS读取xml内容并输出到div内的注意事项有哪些,下面就是实战案例,一起来看一下。 note.xml文件结构: GeorgeJohnReminderDon’t forget t…

    编程技术 2025年3月31日
    200

发表回复

登录后才能评论