最近在改新UI,用到div布局。要实现如题的要求。

实现点:float:left;width:100%; 顺序(有float的要先渲染);

>

实现:1.直接将style写在div里


    <div style="width:20px;float:right;border:1px solid blue;">sdsd</div>
    
<div style="width:100%;border:1px solid red;">a<div>
<div>

 注意:float的div是写在前的,如果写在自动填充的div后面,则效果没有

2.写css


    .right
    {
        width
:20px;
        float
:right;
        border
:1px solid black;
        clear
:both;
    
}
    .left
    
{
        width
:100%;
        border
:1px solid red;
        margin-right
:20px;
        clear
:both:
    
}
    
</style>
<BODY>
<div style="border:1px solid black;clear:both;">
    
<div class="right">sdsd</div>
    
<div class="left">a<div>
<div>



</BODY>
</HTML>


 

 

相关文章:

  • 2022-02-09
  • 2022-02-09
  • 2021-11-20
  • 2022-12-23
  • 2022-12-23
  • 2022-02-03
  • 2021-10-11
  • 2021-07-21
猜你喜欢
  • 2022-12-23
  • 2022-02-09
  • 2022-12-23
  • 2022-02-16
  • 2022-12-23
  • 2022-03-04
  • 2022-12-23
相关资源
相似解决方案