iframe和a搭配的用法
<a href="http://www.sina.com.cn" target="_blank">新页面</a> <a href="http://www.sina.com.cn" target="_self">当前页面</a> <a href="http://www.sina.com.cn" target="inner">刷新iframe内的页面</a> <iframe name="inner" width="500px" height="400px" src="iframe.html"> </iframe>
清除浮动
/*使用:after，让浮动不要影响下面的$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/ .container>div { float: left; } .container:after { content: ""; clear: both; display: block; } /*把高度撑开，让浮动不要影响下面的*/ .container2 { height: 100px; } .container2>div { float: left; } </style> </head> <body> <div class="container"> <div>一</div> <div>二</div> </div> <div class="footer">12345</div> <div class="container2"> <div>一</div> <div>二</div> </div> <div class="footer2">12345</div> </body>
行盒
p { border: 1px solid red; } /*img、display=inline-block、文字都可以使用vertical-align调整垂直高度*/ /*文本还可以使用line-height去调整，建议先使用vertical-align*/ img { vertical-align: middle; } span { vertical-align: 1px; /*line-height: 1px;*/ } /*div这种块级元素，建议使用margin-top或者margin-bottom去调整垂直高度*/ </style> </head> <body> <p><span>哈哈哈哈</span><img src="little-girl.bmp" alt=""></p> </body>
原文：http://www.cnblogs.com/Jaelynkong/p/4928738.html