首页 > 技术文章 > 对于布局的见解

FineDay 2016-08-02 16:21 原文

position: absolute;元素的宽度变为content的宽度,这是与position:relative(100%)不同的地方,若要呈现为100%,

有两个方法:

1.直接设置 width:100%

2.设置left:0px   right:0px;

布局参看http://www.zhangxinxu.com/study/201010/mini-blog-no-width.html

采用无宽度布局,虽然有时可能导致多个div的情况,但是对于样式的利用,有更好的优势。参考(http://www.zhangxinxu.com/wordpress/?p=1152

不要考虑float,考虑左侧图为position:absolute;右侧要padding-left出 >=左侧的宽度,另外利用display:table-cell能实现该布局;

 

推荐阅读