html雜記

longerandlonger發表於2013-01-23
HTML
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>


相關文章