帮忙看看浮动DIV布局问题(怎么靠下对齐啊?)(内附示意图)【HTML】

web前端|html教程

帮忙看看浮动DIV布局问题(怎么靠下对齐啊?)(内附示意图)

web前端-html教程

本人不擅长CSS+DIV,今日遇到这个头痛的问题.画图以示之.

php免注册留言板源码,vscode启动不起来,ubuntu系统卡机,tomcat地址冲突,sqlite如何插入时间,网络爬虫怎么可以不选城市,php安装包 linux,专业seo推广方法,网站播放器代码,jsp网页音乐播放器,bootstrap oa系统模板lzw

大概界面就是这种,,全部是浮动DIV…

微信加好友系统源码,vscode修改用户配置,ubuntu设置lvm,tomcat 偶尔线程变慢,豆瓣电影 爬虫,php 直接下载图片,秀山专业性seo推广,vps网站管理助手1.0,html 无权限 模板lzw

回复讨论(解决方案)

综合素质评价系统 源码,vscode缩进怎么取消,ubuntu 沙盒,tomcat没反应了,安卓SQLite表价格总数,python3手机版运行爬虫,php时间戳转时间格式,鸡西seo优化网络推广,qq登陆网站实例代码,后台系统ui模板lzw

图片的意思是想实现左边的效果…不好意思刚才没描述清楚

你使用float:left ，这个是中间布局使用，，下面的时候，直接clear

原谅本人最近智商总是出现问题，时常看不懂各楼主提出的问题到底是什么意思。。。。

Code:

A

B

D

C

A

B

D

C

.aa{width:48%;border:solid 2px;float:left;zoom: 1;margin-right:10px;}.aa:after { content: " "; display: block; clear: both; height: 0;}.tt{width:100%; zoom: 1;}.tt:after { content: " "; display: block; clear: both; height: 0;}.tt2{position:relative;width:100%;zoom: 1;}.tt2:after { content: " "; display: block; clear: both; height: 0;}.D{position:absolute;bottom:0;right:0;}

“靠下对齐”？这个没有。

你可以使用绝对定位，让 “D” 底端对齐。

.box { background-color: gray; width: 400px; height: 300px; } .foo { background-color: green; width: 80px; height: 160px; bottom: 0px; right: 0px; } .absolute { position: absolute; } .relative { position: relative; }

D

原谅本人最近智商总是出现问题，时常看不懂各楼主提出的问题到底是什么意思。。。。

Code:

A

B

D

C

A

B

D

C

.aa{width:48%;border:solid 2px;float:left;zoom: 1;margin-right:10px;}.aa:after { content: " "; display: block; clear: both; height: 0;}.tt{width:100%; zoom: 1;}.tt:after { content: " "; display: block; clear: both; height: 0;}.tt2{position:relative;width:100%;zoom: 1;}.tt2:after { content: " "; display: block; clear: both; height: 0;}.D{position:absolute;bottom:0;right:0;}

兄弟完美的解决了我的问题,而且还给出了兼容性方案,功力了得.

结贴给分了.