从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍了怎么用CSS将DIV的内容与底部对齐,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
站在用户的角度思考问题,与客户深入沟通,找到新干网站设计与新干网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册、网站空间、企业邮箱。业务覆盖新干地区。
答案:使用CSSposition属性
您可以使用CSS定位方法将DIV的内容与底部对齐。
在下面的示例中,具有.contentclass的DIV元素将放置在.boxDIV元素的底部。让我们尝试一下以了解其实际工作原理:
例试试这个代码»
.box{
color: #fff;
background: #000;
position: relative;
min-height: 200px;
padding-bottom: 30px; /* to avoid content overlapping */
}
.box .content{
position: absolute;
bottom: 0;
left: 0;
}
感谢你能够认真阅读完这篇文章,希望小编分享的“怎么用CSS将DIV的内容与底部对齐”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图