让两个div自动适应屏幕大小并且各占一半页面

最新推荐文章于 2024-08-05 00:42:25 发布

安静点DGC

最新推荐文章于 2024-08-05 00:42:25 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： c# 文章标签： c#

本文链接：https://blog.youkuaiyun.com/qq_26925297/article/details/86467233

c# 专栏收录该内容

42 篇文章

订阅专栏

本文详细介绍了使用CSS进行网页布局的方法，包括浮动元素、相对定位及宽度和高度设置等关键概念。通过具体的代码示例，展示了如何将div元素设置为左浮和右浮，以及如何调整其宽度和高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

 #one{
            float: left;
            /*display: inline-block;*/
            width: 50%;
            height: 40%;
            word-wrap: break-word;
         /*//   border-bottom: 3px solid red;*/
        }
  #two{
            /*display: inline-block;*/
            float: right;
            position: relative;
            width: 50%;
            height: 40%;
            /*border-bottom: 3px solid green;*/
        }


   <div class="FGH  delivery_day left col-md-4" id="one">
</div>
 <div class="FGH  delivery_day left col-md-4" id="two">
</div>