摘要: max-width 使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要, 所有的主流浏览器包括IE7+在内都支持 max-width ,所以放心大胆的用吧。 margin:auto 设置块级元素的 width 可以阻止它从左到右撑满容器。然后 阅读全文
posted @ 2016-07-25 11:31 柒月小小 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 在我们讨论宽度的时候,我们应该讲下与它相关的一个重点知识:盒模型。当你设置了元素的宽度,实际展现的元素却能够超出你的设置:因为元素的边框和内边距会撑开元素。看下面的例子,两个相同宽度的元素显示的实际宽度却不一样。相信你一定遇到过这样的情况。 向上面的两个div一样,simple和fancy的widt 阅读全文
posted @ 2016-07-25 11:24 柒月小小 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 要想实现这样的一个页面布局,请看代码: <style> body{ margin-bottom:120px;} .container{ position:relative; border:1px solid #000} nav{ position:absolute; left:0px; width: 阅读全文
posted @ 2016-07-25 10:41 柒月小小 阅读(164) 评论(0) 推荐(0) 编辑