栅栏布局
<!doctype html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>展云</title><meta name="keywords" content="關(guān)鍵詞,關(guān)鍵詞"><meta name="description" content=""><style type="text/css">*{margin:0;padding:0;}.container{width:1150px;background:red;overflow:hidden;padding:10px 0 0 10px;}.container .item{width:220px;height:360px;background:#666;float:left;margin:0 10px 10px 0;}h1,.container{margin:10px;}dl{width:100%;background:#333;line-height:25px;color:#fff;margin:30px 10px 30px;padding:10px;}</style></head><body><h1>柵欄布局</h1><dl><dt>盒子寬度算法</dt><dd>逆推法：根據(jù)內(nèi)容和間距來判斷我們的可視區(qū)域</dd><dd>正推法：已知外層盒子寬度：1120px 1140 1200 1180 960</dd></dl><div class="container"><div class="item">220px * 5 + 10*5 +10; 實(shí)際尺寸是1160培訓(xùn)；<br /></div><div class="item">可視區(qū)域的寬度是1500</div><div class="item"></div><div class="item"></div><div class="item"></div></div></body>
</html>
?
總結(jié)
- 上一篇： springBoot接入阿里云oss
- 下一篇： qq空间时光轴效果