html+css合理布局的3种方法(当然合理布局/流动性合

1.当然合理布局
沒有任何装饰的合理布局是全自动靠左的。
2.流动性合理布局
上面讲的float:left的状况。
3.精准定位合理布局
相对性精准定位和肯定精准定位全是相对父div标识的。
相对性------以这个元素的原本应当在的部位为参考点
肯定——以父div标识的原点(左上角)为参考点。

因为外层是position:relative,因此里层是absolute的话,则会之外层的左上角为位移参照对齐。自然外层只写position:relative,写上left,top这两个值,则表明以:以这个元素的原本应当在的部位为合理布局参考原点开展left,top对齐。

也有1种状况是,只是1个position:absolute;外层沒有position:relative,这时候会寻找那个点为参照呢?这时候候的标准是:假如某父级元素中有relative者,则以某父级元素为参照原点,假如沒有position:relative,则以body为参照原点。假如position:absolute外层沒有relative时,这两个合理布局上是沒有差别的。

自然最终1种状况是:外层是:position:absolute;里面是position:relative,那会是甚么状况?按着原先的标准,absolute会参照body为合理布局原点,relative会参照他原本应当在的部位为合理布局原点,这时候候实际上便是参照外层左上角为合理布局原点。
其它的要看具体状况而定。