三列布局中间自适应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
body{margin:0;padding:0}
.left{width:200px;height:800px;background-color:red;position:absolute;left:0;top:0;}
.mid{height:800px;background: #999;margin:0 300px 0 200px;}
.right{width:300px;height:800px;background:#8A2BE2;position:absolute;right:0;top:0}
</style>
</head>
<body>
<div class="left">200px</div>
<div class="mid">Recently,the issue of synchronization in multi-layer networks has attracted much attention.In this article,we introduce switching coupling to study the synchronization of two-layer network.We first discuss the synchronization of single-layer network.That is,there is only one layer in the system.Then,the switching coupling is added to the network,i.e.,switching back and forth between the two layers.We mainly discuss the impact of the switching frequency and the ratio of time occupied by each layer to the synchronization,and make a reasonable explanation for the synchronization phenomenon in the double-layer network.Finally we give an example,and the same analysis method still works.</div>
<div class="right">300px</div>
</body>
</html>
