三栏式布局:flex、绝对定位和浮动

两边的盒子宽度固定,中间盒子自适应。

一、flex




  
  
  
  Document
  


  
left-aside
content
right-aside

二、绝对定位(设置了最小宽度限制)





  
  
  
  Document
  



  
left-aside
content
right-aside

三、浮动(设置了最小宽度限制)




  
  
  
  Document
  


  
1
2
3

 

你可能感兴趣的:(前端开发)