关于自动高度与下边距的问题
时间:2011-10-27
来源:互联网
HTML code
有什么办法使top-content这个div按浏览器高度拉伸且距离下边缘一个固定的高度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>右页面</title> <style> * { margin:0; padding:0px;} body { height:100%; } #top-content{ margin:0px 4px 20px 4px; position:absolute; height:100%; background:#A7E8B7; width:139px; display:block; border:#666 1px solid; } </style> </head> <body> <div id="top-content"></div> </body> </html>
有什么办法使top-content这个div按浏览器高度拉伸且距离下边缘一个固定的高度
作者: greedisgood5000 发布时间: 2011-10-27
HTML code
是这样 下边距 有距离吗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> * { margin:0; padding:0px;} body { height:100%; } #top-content{ margin:0px 4px 20px 4px; position:absolute; bottom:20px; height:100%; background:#A7E8B7; width:139px; display:block; border:#666 1px solid; } </style> </head> <body> <div id="top-content"></div> </body> </html>
是这样 下边距 有距离吗
作者: ssdltwp 发布时间: 2011-10-27
楼上的下边距是40px,而不是20px
HTML code
这样下边距才是20px
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> * { margin:0; padding:0px;} body { height:100%; } #top-content{ margin:0px 4px 0px 4px; position:absolute; bottom:20px; height:100%; background:#A7E8B7; width:139px; display:block; border:#666 1px solid; } </style> </head> <body> <div id="top-content"></div> </body> </html>
这样下边距才是20px
作者: a87345293 发布时间: 2011-10-27
引用 2 楼 a87345293 的回复:
楼上的下边距是40px,而不是20px
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<……
楼上的下边距是40px,而不是20px
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<……
bottom我是试过的,边距是有了,但是实际效果这个div的上面消失了,难道没有其他办法吗?
作者: greedisgood5000 发布时间: 2011-10-27
二楼正解啦
作者: fuguojian 发布时间: 2011-10-28
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28