leftmargin topmargin marginheight marginwidth

最新推荐文章于 2021-06-22 15:36:36 发布
最新推荐文章于 2021-06-22 15:36:36 发布
阅读量764 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cruelchen/article/details/9308197
本文探讨了在网页布局中body标签使用margin属性的原理与限制，揭示了其并非网页布局的真正根元素，并解释了IE浏览器对特定margin属性的支持情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

参数leftmargin表示与浏览器左部距离  
参数topmargin 表示与浏览器顶部距离  
参数marginwidth  表示与左右边边界 ie不支持
参数 marginheight表上下边边界 ie不支持
 
不知你在做网页时有没有发现  在body标签里居然还能用margin属性 按理说他是已经是根了 但还有这说属性说明他并不是我们认为的根 而他上面还有  按上面的 leftmargin rightmargin 的定义来讲 那最终的根应该是浏览器。


您想拥有和网易免费邮箱一样强大的软件吗？
【Jenkins】持续集成与交付 （十八）：配置Jenkins发送构建结果至邮件功能
✨ 欢迎来到【Seal ^_^ 的优快云博客】！✨
05-04 2万+
🟣【Jenkins】持续集成与交付 （十八）：配置Jenkins发送构建结果至邮件功能
Jenkins集成Gitlab配置提交流水线
GitChat
02-11 3686
在大型项目开发过程中，开发人员频繁提交新代码，然后在项目生命周期结束时将其集成到代码仓库。在集成的时候往往会需要消耗大量的时间去解决构建编译等问题。如何配置Jenkins与版本控制系统Gitlab集成实现自动化提交构建? 并优化（分支名称自动替换、增加构建描述信息、变更commit状态、构建失败邮件通知、过滤特殊push请求。 在本场 Chat 中，会讲到如下内容： 配置提交流水线 提交流...
页边距marginwidth marginheight
weixin_30293079的博客
07-02 269
IE和Netscape的页边距标签不一样，IE使用topmargin（上边距）和leftmargin（左边距），而Netscape是marginwidth和marginheight。为使网页对两者同时兼容，可手工在<body>标签中加入Netscape支持的标签。比如： <body topmargin="0" leftmargin="0" marginwidth="...
html 之 body topmargin、leftmargin、rightmargin、bottomnargin
weixin_30279671的博客
12-30 1472
基本语法<body topmargin=value leftmargin=value rightmargin=valuebottomnargin=value> 语法说明 通过设置topmargin/leftmargin/rightmargin/bottomnargin不同的属性值来设置显示内容与浏览器的距离：  topmargin设置到顶端的距离  lef...
margin-top margin-left border
dreamer_zhou的博客
09-17 495
这篇文章说明：div盒子里套个span盒子，在span标签里设置margin-top与margin-left属性，div标签添加border-top与不添加border-top的区别
网页 BODY的topMargin 和leftMargin
GUI007的专栏
03-27 2230
 我在一个普通网页中放置一张图片(用dw.gif)但是不知什么原因,总是会在左边和上边留下不一些空白,我想干脆把图片做成body的background属性算了,但是后来发现这样的话会使按上一页下一页时出现白屏,所以否决了这个方案.后来再找了一下body的一些属性,终于找到了 下面两个属性,原来body的默认左边距是10,而上边距是15,所以我就把其设为0就可以了.
top、margin-top的区别
u010227447的专栏
06-07 2576
简单说一些top、margin-top的区别： 1、top、bottom、left、right是绝对定位，必须设置position为absolute。 margin一系列设置是相对定位。 注意：如果用top等，而position未设置为absolute，那设置是不起作用的。 2、top这些在绝对定位的前提下，这个绝对定位，是相对body  或者  position：rela
<%-- Created by IntelliJ IDEA. User: syp Date: 2023/5/22 Time: 13:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Denglu</title> </head> <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <div ALLGN="center"> <table border="0" cellspacing="0" cellpadding="0" id="table1"> <tr> <td height="150"></td> <td></td> </tr> <tr> <td width="600" height="400" background="img/2.jpg"></td> <td class="login_msg" width="400" align="center"> <fieldset style="width: auto; margin: 0px auto"> <legend> 欢迎使用常州工业职业技术学院人员管理系统 </legend> <br/> <form action="loginSuccess.action"> 用户:<input type="text" name="username"/><br> <br/> 密码:<input type="password" name="password"/><br> <br/> <input type="submit" value="登录"/> <a href="regist.action">注册</a> </form> </fieldset> </td> </tr> </table> </div> </body> </html>
06-06
这是一个JSP页面的代码，用于实现一个简单的登录页面。... ...表单的提交地址是“loginSuccess.action”，这意味着当用户点击“登录”按钮时，表单数据将被提交到服务器上的“loginSuccess”Action中进行处理。...
<html> <head> <title>理财网址导航『个人理财网址导航』</title> <meta name="keywords" content="理财网址导航,个人理财网址导航" /> <meta name="description" content="个人理财网址导航是提倡安全、健康的免费导航站，最适淘宝、拍拍、有啊网店实用 网址 ！个人理财网址导航商家的首选实用网址，做最专业的方便您我，精选网址导航，让生活充满方便哈" /> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"/> <style type="text/css"> <!-- td, body { font-family: "宋体"; font-size: 14px } a:link{ color:#000000; text-decoration:none} a:visited{COLOR: #000000; TEXT-DECORATION: none} .STYLE4 { color: #00FF00; } a:active{color:green;text-decoration:none} a:hover{ color: #009933; text-decoration: underline } body,td,th { font-size: 15px; } sd:link { font-size: 15px; font-style: normal; font-weight: bold; color: #7BD773; } .STYLE1 {font-size: 16px} .STYLE3 { font-size: 16px; color: #00FF00; } .h1 a:link {font-size:14px;color: #0000FF;} --> </style> <script> function setTab(s,n){ for(i=1;i<=4;i++){ document.getElementById("tab"+i).style.display="none"; } document.getElementById("tab"+s).style.display = "block"; } </script> <base target="_blank"> </head> <script language="javascript"> <!-- function clearpass(){ document.loginmail.pass.value=""; } //--> </script> <body bgcolor="#E7FADE" leftmargin="0" marginwidth="0" marginheight="0" topmargin="2"> <div align="center"> <table width="100%" height="0" border="0" align="center" > <td align="center"> </td> </table> <center> <table width=990 height=70 style="border-collapse: collapse" bordercolor="#FFFFFF" cellpadding="0" cellspacing="0" border="1"> <tr> <td height=70 width=155> <p align=center></td> <td height=40 width=205> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px solid #7BD676; " width="140" height="60"> <tr> <td height=65> </td> </tr> </table></td> <td height=60 width=257> <table border="1" cellpadding="0" cellspac
03-26
好的，我现在需要处理用户关于理财网站导航的请求。首先，用户希望获取理财网站导航的介绍，但根据系统级指令，我需要生成相关问题，并在回答中自然地添加引用标识。同时，必须使用中文，且数学表达式要用正确的...
下面这段是PHP5.6，如何改成PHP8.4? <?php require_once("include/global.php"); ?> <html> <head> <?php echo getMeta('gb') ?> <title><?php echo $_GLOBAL_CONF['SITE_NAME'] ?></title> </head> <link rel="stylesheet" href="/common.css" type="text/css"> <style> a {color:#616651} .img1 {border:solid 0 black} </style> <BODY link=#cc0000 leftMargin=0 topMargin=0 marginwidth="0" marginheight="0"> <?php require_once("include/header.php"); ?> <?php /* <div id=ad_dl01 style="z-index:1; visibility:visible; width:100px; position:absolute; top:115px; right:5px;"> <table border=0 cellspacing=0 cellpadding=0 width=300 style="table-layout:fixed; word-break:break-all" bgcolor=#d3e9FF> <tr> <td><iframe width="300" height="200" style="border: solid 1px black; width: 600px; height: 30px;" frameborder="0"></iframe></td> </tr> </table> </div> <script type=text/javascript> var step_ratio = 0.1; objs = new Array(); objs_x = new Array(); objs_y = new Array(); function addfollowmark(name, x, y) { i = objs.length; objs[i] = document.getElementById(name); objs_x[i] = x; objs_y[i] = y; } function followmark() { for(var i=0; i<objs.length; i++) { var fm = objs[i]; var fm_x = typeof(objs_x[i]) == 'string' ? eval(objs_x[i]) : objs_x[i]; var fm_y = typeof(objs_y[i]) == 'string' ? eval(objs_y[i]) : objs_y[i]; if (fm.offsetLeft != document.body.scrollLeft + fm_x) { var dx = (document.body.scrollLeft + fm_x - fm.offsetLeft) * step_ratio; dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx)); fm.style.left = fm.offsetLeft + dx; } if (fm.offsetTop != document.body.scrollTop + fm_y) { var dy = (document.body.scrollTop + fm_y - fm.offsetTop) * step_ratio; dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy)); fm.style.top = fm.offsetTop + dy; } fm.style.display = ''; } } addfollowmark("ad_dl01", "document.body.clientWidth-305", 115); setInterval('followmark()',20); </script> */ ?> <center> <table width=95% border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="2"><img src="images/tb_left.jpg" width="2" height="28" /></td> <td background="images/tb_bg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <?php if($_SESSION['ss_admin']>0) echo " <form name=loginform method=post action=/login.php> <input type=hidden name=username value='$ss_name'> <input type=hidden name=password value='$ss_password'> "; ?> <tr> <td width="9"> </td> <td width=111><table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="2"><img src="images/tb_sel_left.jpg" width="2" height="28" /></td> <td width="124" align="center" background="images/tb_sel_bg.jpg" class="selmenu">首页 Home</td> <td width="4"><img src="images/tb_sel_right.jpg" width="4" height="28" /></td> </tr> </table></td> <td align="center"><a href=/search.php class="menu">产品 Products</a></td> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/newest class="menu">新产品 New Products</a></td> <td align="center"><span class="bai">|</span></td> <?php /* <td align="center"><a href=/cart.php class="menu">Order</a></td> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/guestbook class="menu">Guestbook</a></td> <td align="center"><span class="bai">|</span></td>*/ ?> <td align="center"><a href=/help/about.php class="menu">联系我们 Contact us</a></td> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/register class="menu">注册 Register</a></td> <?php if($_SESSION['ss_admin']>0){ ?> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/admin class="menu" target=_blank>Admin</a> <input type=submit value=ReLogin style=cursor:hand></td> <?php } ?> <?php if($_SESSION['ss_userid']>0){ ?> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/bill class="menu">Bills</a></td> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/logout.php class="menu">退出 Logout</a></td> <?php }else{ ?> <td align="center"><span class="bai">|</span></td> <td align="center"><a href=/login.php class="menu">登录 Login</a></td> <?php } ?> </tr> <?php if($_SESSION['ss_admin']>0) echo " </form> "; ?> </table></td> <td width="2"><img src="images/tb_right.jpg" width="2" height="28" /></td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <form name=searchform action=search.php method=post> <tr> <td width="6"><img src="images/tb_bt_left.jpg" width="6" height="62" /></td> <td background="images/tb_bt_bg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="266" align="center" valign="top" class="vd" style="font-size:11px;color:#333333"></td> <td height="58" align="center"><select name=key> <option value=model_no <? if($key == "model_no") echo "selected"; ?>>型号 Model No.</option> <option value=name <? if($key == "name") echo "selected"; ?>>名称 Name</option> <option value=features <? if($key == "features") echo "selected"; ?>>规格 Features</option> <option value=description <? if($key == "description") echo "selected"; ?>>说明 Descriptions</option> <option value=fob_port <? if($key == "fob_port") echo "selected"; ?>>港口 Fob Port</option> <option value=color <? if($key == "color") echo "selected"; ?>>颜色 Color</option> <option value=matial <? if($key == "matial") echo "selected"; ?>>材料 Matial</option> </select> 关键词 Keyword:<input type=text size=5 name=value value="<?php echo $value?>"> 产品号 ProductID:<input type=text size=5 name=productid value="<?php echo $productid?>"> <input type=hidden name=typeid value="<?php echo $typeid?>"> <input type=submit name=sub6 value="查找 Search"></td> </tr> </table></td> <td width="7"><img src="images/tb_bt_right.jpg" width="7" height="62" /></td> </tr> </form> </table></td> </tr> </table> <table width=95% border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width=350><table width="100%" height="160" border="0" cellpadding="1" cellspacing="1" bgcolor="#F3F1E7"> <tr> <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding=5> <tr> <td height="22" align="left" bgcolor="#E7E4D2"></td> </tr> <tr> <td height="350" align="left" class="vd"><FONT style=font-size:14px;color:#000000;line-height:22px><?php include "include/html/notice1.html";?><FONT></td> </tr> <tr> <td height="1" bgcolor="#f5f5f5"></td></tr> <tr> <td height="20" align="right"><a href=/help/about.php class="blue" target=_blank>联系我们 Contact Us</a>   |   <a href=/help/about.php class="blue" target=_blank>更多 More</a>   </td> </tr> </table></td> </tr> </table></td> <td width="5"> </td> <td> <table cellspacing=0 cellpadding=0 align="center" bgcolor=#ffffff> <tr><td align=center> <?php /* <font style=font-size:5px><br></font><table border=0 cellspacing=0 cellpadding=0> <tr> <td align=center width=311><img src=images/100001.jpg class=img1><font style=font-size:5px><br><br></font></td> <td bgcolor=#c1c69d width=1></td> <td align=center width=311><table cellspacing=0 cellpadding=0 align="center"> <tr align=center> <td colspan=2 height=5></td> </tr> <tr align=center> <td><a href=search.php?typeid=1001000><img src=images/200001.jpg alt="Molding Case" class=img1></a></td> <td><a href=search.php?typeid=1002000><img src=images/200002.jpg alt="Assembled Case" class=img1></a></td> </tr> <tr align=center> <td><a href=search.php?typeid=1003000><img src=images/200003.jpg alt="Instrument Box" class=img1></a></td> <td><a href=search.php?typeid=1004000><img src=images/200004.jpg alt="Aluminum Box" class=img1></a></td> </tr> </table><font style=font-size:2px><br><br></font></td> </tr> <tr> <td bgcolor=#c1c69d colspan=3></td> </tr> <tr> <td align=center><font style=font-size:5px><br></font><table cellspacing=0 cellpadding=0 align="center"> <tr align=center> <td><a href=search.php?typeid=2001000><img src=images/300001.jpg alt="Premium Bag" class=img1></a></td> <td><a href=search.php?typeid=2002000><img src=images/300002.jpg alt="Casual Bags" class=img1></a></td> </tr> </table></td> <td bgcolor=#c1c69d width=1></td> <td align=center><font style=font-size:5px><br></font><table cellspacing=0 cellpadding=0 align="center"> <tr align=center> <td><a href=search.php?typeid=3001000><img src=images/400001.jpg alt="Solid Wood Item" class=img1></a></td> <td><a href=search.php?typeid=3002000><img src=images/400002.jpg alt="Gift Item" class=img1></a></td> </tr> </table></td> </tr> </table><font style=font-size:5px><br></font>*/?> <a href=search.php><img src=images/01.jpg alt="Enter Please" class=img1 width=600></a> </td></tr> </table> </td> </tr> </table> <table border=0 cellpadding=0 cellspacing=0><form method=POST action=n2e.php target=frame1> <tr><td valign=middle>数字 Num<input type=text SIZE=16 name=id><INPUT TYPE=submit VALUE="英语 EN" NAME=s></td> <td><IFRAME name=frame1 frameBorder=1 width=780 scrolling=no height=26></IFRAME></td></tr></form> </table> <table border=0 cellpadding=0 cellspacing=0><form method=POST action=n2c.php target=frame2> <tr><td valign=middle>数字 Num<input type=text SIZE=16 name=id><INPUT TYPE=submit VALUE="中文 CN" NAME=s></td> <td><IFRAME name=frame2 frameBorder=1 width=780 scrolling=no height=26></IFRAME></td></tr></form> </table> <?php require_once("include/foot.php"); ?> </center> </body> </html>
最新发布
06-11
#616651}.img1{border:solid0black}</style><bodylink="#cc0000"leftmargin="0"topmargin="0"marginwidth="0"marginheight="0">("include/header.php");?>*这里是注释掉的JavaScript代码，我们不需要修改*/?>...
不要告诉我你懂margin
dgk62408的博客
06-27 1234
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于...
css中的四种定位以及top和margin-top的区别
热门推荐
lxiang222的博客
04-21 3万+
css中一共有四种定位分别是默认，相对，绝对，固定 position：static，这种定位是默认的，一般没什么实际的作用。 position：relative,相对定位 ，不会脱离文档流，类似于static，按顺序排列，一般设置也不会有什么变化，可以通过margin-top/right/bottom/left来改变框的位置 position：absolute，绝对定位，这种定位脱离文档流，可以理解
Android中常见的流式布局的使用
论一个程序员的自我修养
11-17 3201
Android中常见的自定义FlowLayout流式布局的使用 在日常的app使用中，我们会在Android 的app中看见,比如淘宝购物页面尺寸的选取，脉脉和慕课技术职位的选取等等热门标签自动换行的流式布局，今天，我们就来看看如何自定义一个类似热门标签那样的流式布局吧，老规矩，直接上效果图 概述1.流式布局原理：在布局内，随意摆放任意个view,每行所摆放的view个数，根据实施计算出来的宽度
详述外边距样式属性(margin-top margin-right margin-bottom margin-left margin)
IT_Helianthus的博客
05-20 9168
文章目录一、margin-top样式属性二、margin-right样式属性三、margin-bottom样式属性四、margin-left样式属性五、margin样式属性 一、margin-top样式属性 设置元素的上外边距，该属性有多个值： 值 描述 auto 浏览器设置的上外边距。 length 定义固定的上外边距。默认值是 0。允许使用负值。 % 定义基于父对象总高...
CSS元素的width和水平margin的设置
wh891007的博客
04-05 2283
如果没有设置box-sizing为其他值，元素默认的width是指其content box的宽度。 只有width，height和margin可以设置为auto，padding和border必须设定为具体的值，或者默认值是0 1.    在width，margin-left和margin-right这3个属性中，如果其中某个值为auto，另外两个设定为具体的值，那么设定为auto的属性
在代码中设置leftMargin和rightMargin值
liao277218962的专栏
04-14 3830
布局文件片段如下： [html] view plaincopy LinearLayout          android:layout_width="wrap_content"          android:layout_height="wrap_content"          ...>            GridView              andro
html5中margin是什么意思,css中margin是什么意思，margin作用是什么？
weixin_28814457的博客
06-22 1万+
一、介绍，什么意思？margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后，再设置margin就会观察到这个div外面产生了间距边距。margin作用：设置对象与其它对象的外边距离，外边间隔。比如对象与对象，上下DIV，左右DIV间隔多少，可以使用margin实现。.css5{margin:10px}设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px...
html5中margin是什么意思,html中topmargin属性
weixin_39875167的博客
06-22 1833
html标签中的leftmargin是什么属性？而topma左边距。js获取css属性，更改margin-top属性，给每个a标签 为负数就是向反方向移动。 比如 这两个div中间应该空5px，因为左边的div在右边留有5px的边距。 如果改成 意思就是这两个div不仅中间没空，而且还有3px的部分是重叠在一起的。 自己写几个div试验下就知道了。span标签设置margin-top没有效果呢？是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值