HTML文件
<body>
<div id="content">
<div id="left">左边一栏</div>
<div id="right">右边一栏</div>
</div>
</body>
CSS文件
#left{float:leftwidth:200px}
#right{margin-left:200px}
代码如下：
<h1>CSS3滑入/滑出效果</h1>
<div id="volet_clos">
<div id="volet">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quisquam tempora quaerat dolores molestias reiciendis .</p>
<p>vero labore voluptates necessitatibus ut? Et</p>
<p>vero labore voluptates necessitatibus ut? Et</p>
<p>vero labore voluptates necessitatibus ut? Et</p>
<p>vero labore voluptates necessitatibus ut? Et</p>
<a href="#volet" aria-hidden="true" class="ouvrir">滑出</a>
<a href="#volet_clos" aria-hidden="true" class="fermer">滑入</a>
</div>
</div>
扩展资料
web网页设计的重要注意事项：
1、网页版面设计合理性
网页设计过程中，一定要留意网页版式的合理性，通过合理的网页布局让用户浏览起来比较顺畅舒适，注意网页版式的设计，不要块块之间过于冗繁，显示拥挤，要有主次分明，注意简练大方。
2、运用舒缓的色彩设计
在网页色彩搭配上，采用淡色系进行页面设计，特别要注意颜色的分配，总体颜色不宜超过三种颜色，可以确定一个主颜色再加上辅助颜色进行点缀搭配，这样整体设计展现出来比较调和、舒缓，用户浏览页面也不会导致眼花缭乱，眼睛疲劳。
3、丰富的页面内容
丰富的内容赋予网页生命力，用户都是喜欢有新鲜、丰富内容的网页，一个受欢迎的网页设计一定是有丰富多彩的内容吸引用户的。
丰富内容的网页对于搜索引擎也是受欢迎的，当搜索引擎每次来到我们网站进行抓取内容的时候，如果我们的网页内容保持新鲜、原创，将会很快进行收录，这对于网站整体优化排名都是有好处的。
DIVCSS网页布局的页面中 左右抖动的解决方案。最近在设计网站时就老有这个问题,设计好会员中心,内容为margin:0 auto居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点
不然道上面说的明不明白?应该有好多人都有过这种情况,解决方法很简单,就是在样式表(CSS)中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码是:
html{overflow-y:scroll}
