css如何让两个div并列在同⼀⾏
让两个Div并排显⽰的⽅法有很多,使⽤display的inline属性、通过设置float来让Div并排显⽰都可以实现,感兴趣的朋友可以参考下本⽂
让两个Div并排显⽰
⼀、使⽤display的inline属性
代码如下css布局左边固定右边自适应
⼆、通过设置float来让Div并排显⽰
代码如下
三、对于两个div并排,左边为绝对宽度,右边为相对宽度的,需要⽤到这种布局的情况⽐较多见,如左边为导航,右边为内容的页⾯
1、将最⼤的容器padding-left固定宽度,左边的固定宽度地⼀块position:absolute,然后right的⼀块width为100%
2、使⽤position:absolute
代码如下
这段代码主要涉及到以下两点点⽐较重要的:
(1)兼容firefox实现div⾼度100%;
(2)div绝对定位的妙⽤;在页⾯布局的时候,position:absolute如果灵活的应⽤,可以达到很好的效果。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。