视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
求一个简单的CSS布局_html/css
2020-11-27 16:32:14 责编:小采
文档


页面布局情况如下:
上(50px) 下 (左 20% 右)
要求:
布局自适应屏幕


在线等。。
另求HTML+CSS高手


回复讨论(解决方案)







layout	 	 	 	 








感觉在外面套一层div更好点。

/*style css*/








2楼的朋友
min-height: 500px;
.menu {
height: 200px;
.content {
height: 200px;
这几个值能都不写死吗???让其自适应浏览器,谢谢!

1楼的朋友,
我是想要一个DIV+css的布局,那个frameSet已经太古老了。但是仍旧谢谢你!

TOP	LEFT	RIGHT	

2楼的朋友
min-height: 500px;
.menu {
height: 200px;
.content {
height: 200px;
这几个值能都不写死吗???让其自适应浏览器,谢谢!

当然可以不写死,不写高度,没内容,就看不出效果,我就是为了能看出效果。
一般都不写死,让内容来撑。

引用 5 楼 wanghantong 的回复:2楼的朋友
min-height: 500px;
.menu {
height: 200px;
.content {
height: 200px;
这几个值能都不写死吗???让其自适应浏览器,谢谢!

当然可以不写死,不写高度,没内容,就看不出效果,我就是为了能看出效果。
一……

在火狐写,不写内容也是可以撑开的,我是想在IE下也实现那种效果。
举个例子,就像我们这个发帖的时候,每层楼发帖人的头像,所在的位置的背景色,是随着你帖子内容变化而变化的。你内容高度变高,即使你头像,不能充满整个div,但是背景色也是充满整个div的。您这个如果自动靠内容填充的话,你这个实现的效果应该是,在你头像--等级--下面就没有背景色了,不知道您懂我的意思没。

在火狐写,不写内容也是可以撑开的,我是想在IE下也实现那种效果。
举个例子,就像我们这个发帖的时候,每层楼发帖人的头像,所在的位置的背景色,是随着你帖子内容变化而变化的。你内容高度变高,即使你头像,不能充满整个div,但是背景色也是充满整个div的。您这个如果自动靠内容填充的话,你这个实现的效果应该是,在你头像--等级--下面就没有背景色了,不知道您懂我的意思没。

div没有内容,不设高度,不管是火狐或者是IE,高度都是0,看不见的。

论坛之头像之所以适应内容高度,是因为它不是用的div,而是td,在同一行的td都是一样高的。

如果想要div实现这种效果,就把昨天的高度设置成100%,这样,右边用内容撑开,左边适应右边的高度。
当然,如果你不用div,用td的话,就不用设高度,左边就是适应右边高度的。

下载本文
显示全文
专题