问下如何让两个浮动元素行高自动相等?_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了问下如何让两个浮动元素行高自动相等?_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3120字,纯文字阅读大概需要5分钟。
内容图文
![问下如何让两个浮动元素行高自动相等?_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/398/d03dfa4cb0f34701b8686cd63aa49f26.jpg)
无标题文档 W3School.com.cn
Free Web Building Tutorials
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
W3School.com.cn - The Largest Web Developers Site On The Net!
回复讨论(解决方案)
@charset "utf-8";/* CSS Document */#header{ padding:0.5em;color:white;background-color:gray;clear:both;}#mainbox { width:1250px; margin:0 auto; border:5px; border:1px solid black;} #sidebar { float:left; padding:auto; width:445px; background:#F0F; height:170%; } #content { FLOAT: left; width:650px; PADDING:auto; background:#499; height:170%; }#footer{ padding:2.5em;color:white;background-color:gray;clear:both; text-align:center;}
[img=http://my.csdn.net/my/album/detail/1163464][/img]
如图,粉红色与绿色的行高对不齐,请问如何才能自动对齐呢?
[img=http://my.csdn.net/my/album/detail/1163464#][/img]
楼主参考下
http://www.blueidea.com/tech/web/2006/3210.asp
自己慢慢设置,设一个值调了看看、、不等在重新设
#sidebar { float:left; padding:auto; width:445px; background:#F0F; height:540px; overflow:hidden; }
#content { FLOAT: left; width:650px; PADDING:auto; background:#499; height:540px;overflow:hidden; }
改成这样试试一下,因为都是内部的DIV,不属于浮动层,DIV会随着数据的增加变高,很明显,你左右2部分的P标签不一样多,建议设置成固定值,然后overflow:hidden;这样垂直方向就不会被挤开。
内容总结
以上是互联网集市为您收集整理的问下如何让两个浮动元素行高自动相等?_html/css_WEB-ITnose全部内容,希望文章能够帮你解决问下如何让两个浮动元素行高自动相等?_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。