BFC实现简单的2栏布局_实现bfc_mufengs16的博客-程序员秘密

BFC实现简单的2栏布局

<!DOCTYPE html>
<html>
  <head>
    <title>BFC实现简单的2栏布局</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width initial-scale=1.0">
    <style type="text/css">
      * {
     
        margin:0;
        padding:0;
      }
      div {
     
        height:100px;
      }
      .box1 {
     
        float:left;
        width:100px;
        background-color:mediumpurple;
      }
      .box2 {
     
        overflow:hidden;
        background-color:lightsteelblue;
      }
    </style>
  </head>
  <body>
    <div class="box1"> 
      <p>一切皆因BFC而起</p>  
    </div>
    <div class="box2">   
      <p>我是通过自适应占满整个视窗</p>
    </div> 
  </body>
</html>

本文链接：https://blog.csdn.net/qq_44087363/article/details/109584715

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

BZOJ - 3963: [WF2011]MachineWorks_weixin_34005042的博客-程序员秘密

3963: [WF2011]MachineWorks显然中途卖掉是不合算的，咱只考虑在有机器出售的那一天换一个机器的情况。记$dp_i$为换成第$i$个机器时拥有的钱。为了方便处理，咱在$n+1$天放一个假机器。$dp_i=\max\{dp_j+R_j+(D_i-D_j-1)G_j\}-P_i, \; dp_j + (D_i-D_j-1)G_j + R_j \geqslant P_i$...

Java NIO读/写入门示例_学亮编程手记的博客-程序员秘密

package com.zhangxueliang;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.nio.ByteBuffer;import java.nio.channels.File...

JavaScript验证大全_mengxin846的博客-程序员秘密

js验证表单大全1. 长度限制function test() {if(document.a.b.value.length>50){alert("不能超过50个字符！");document.a.b.focus();return false;}} 2. 只能是汉字 3." 只能是英文function onlyEng(){if(!(event.keyCode>=65&&event.keyCodeeven

Python 小游戏—加农炮送特朗普上太阳_python pygame加农炮游戏_Python实用宝典的博客-程序员秘密

美股熔断历史上只发生过4次，上上次熔断和上一次熔断，还要追溯到2020年3月9日和2020年3月13日，那两天我的记忆很深刻，那感觉，仿佛就在几天前。话又说回来了，特朗普可是说过狠话的：这是在2015年竞选期间他发过的一条推特：“如果有一天道琼斯指数单日狂跌超过1000点，那当时的总统就应该被装进加农炮里，以极快的速度被射向太阳。不能找任何借口！”嘻嘻，见过骗吃骗喝的，还第一次见骗太空游的。而且还骗了3次，这招高明。不过，各大媒体很快辟谣，推特实际上是网友的p图，特朗普本人可没有立过这样的fla.

unity3D网络之OnNetworkInstantiate的用法_nateYang123的博客-程序员秘密

上篇博客我和大家说了，我们的场景能看到其他的玩家，但是，如果你绑定了一个移动cube的脚本的话，你就会发现你场景中所有的游戏对象都会移动，那我们该怎么办了，下面我给大家介绍一个OnNetworkInstantiate函数，当一个物体使用Network.Instantiate已经网络实例化，在该物体上调用这个函数。这个对于禁用或启用一个已经实例化的物体组件来说是非常有用的，它们的行为取决与它们是在本

android 自定义分割线,android中RecyclerView自定义分割线实现_郭mc的博客-程序员秘密

最近一直在看RecyclerView，较之ListView它确实是灵活多变，给予开发者更多自定义的空间，比如：需要添加头部和尾部、item的点击事件、自定义的LayoutManager，还有就是下面要说的自定义的分割线。1、如何理解分割线经常听到有人说自定义分割线麻烦，为什么不把分割线写到item布局里，这样不是更简单吗？有些情况把分割线写到item布局里是很难达到我们想要的效果，例如Recycl...