对于布局的见解

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能实现该布局;

 

posted @ 2016-08-02 16:21  a fine day  阅读(84)  评论(0编辑  收藏  举报