html杂记

最新推荐文章于 2021-06-05 13:16:35 发布

Longerandlonger

最新推荐文章于 2021-06-05 13:16:35 发布

阅读量940

点赞数

本文链接：https://blog.csdn.net/Longerandlonger/article/details/8535130

版权

1.<div>的left属性是从该<div>的margin外层开始算的。

2.续1：有两个<div>，分别命名为a、b，并且b包裹着a。a的left值为100px。如果b的position是fixed，那么a的left是相对于b的border内测。

<html>
<head>
<style type="text/css">
img
{
  position:absolute;
  left:100px;
}
#img2, #img3, #img4
{
  margin:10px;
}
#img3, #img4
{
  border:10px solid #000;
}
#img4
{
  padding:10px;
}
#con
{
  background-color:#eee;
  margin-left:50px;
  border-left:solid #abc 200px;
  padding-left:50px;
  position:fixed;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<div id="con">
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" id="img1" /><br><br><br><br>
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" id="img2" /><br><br><br><br>
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" id="img3" /><br><br><br><br>
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" id="img4" /><br><br><br><br>
</div>
</body>
</html>