脚本宝典收集整理的这篇文章主要介绍了浮动练习,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浮动练习</title> <style> * { margin: 0; padding: 0; } .box { width: 1226px; height: 615px; background-color: pink; margin: 0 auto; } .left { width: 234px; height: 615px; background-color: purple; float: left; } .right { width: 992px; height: 615px; background-color: skyblue; float: left; } .right div { width: 234px; height: 300px; background-color: pink; float: left; margin-left: 14px; margin-bottom: 14px; } </style> </head> <div class="box"> <div class="left"></div> <div class="right"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> </div> </div> <body> </body> </html>
以上是脚本宝典为你收集整理的浮动练习全部内容,希望文章能够帮你解决浮动练习所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。