小编Mik*_*ike的帖子

* {
  margin: 0;
  border: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  display: flex;
}
iframe {
  background: olive;
  flex: 1;
}

<iframe></iframe>

p:before {
  content: "Foo";
  animation: change 1s;
}

@keyframes change {
  from {
    content: "Foo";
  }
  to {
    content: "Bar";
  }
}

<p></p>

#wrap {
  outline: 1px solid fuchsia;
  display: flex;
}

#left {
  background: tan;
  width: 100%;
}

#right {
  background: teal;
  width: 50px;
  height: 50px;
}

<div id="wrap">
  <div id="left"></div>
  <div id="right"></div>
</div>