SOURCE

function clear(dir) {
	var two = document.querySelector("two");
	two.style.clear = dir;
}
var two = document.querySelector(".two");
console.log("begin");
/*two.click = function {
  clear("right");
};
console.log("end.");*/

<div class="zero">
  zero
</div>
<div class="one">
  one
</div>
<div class="two">
  two
</div>
<p>CSS 的值和单位是 CSS 另一个独立功能模块，到目前为止，该模块已到了 Level 4 阶段（CSS Values and Units Module Level 4）。今天我们就来聊聊这个模块里的内容。对于 CSSer 来说，对于 CSS 中的值和单位应该不会感到陌生，但大部分同学应该都会把精力集中于单位这一块，事实上也是如此，在这篇文章中，我们所涉及到的大部分内容也是聊单位这一块，对于值这一部分只会花一点点内容略为带过。著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: https://www.w3cplus.com/CSS3?page=1 © w3cplus.com</p>
<div>aaa</div>

* {
  padding:0;
  margin:0;
  box-sizing:border-box;
}
.zero {
  width:100px;
  height:100px;
   border : 2px solid;
}
.one {
  width:100px;
  height:100px;
  float:right;
  border : 2px solid;
}
.two {
  width:100px;
  height:100px;
  border : 2px solid;  
}
p {
  border:2px solid red;
}