图1是原图，图二是我自己写的样图。
图二蓝色框框内内容无法实现，请问用基础HTML和CSS应该怎么实现这个效果。
望告知，卡了一个星期了，谢谢各位巨佬。
6条回答 默认 最新
CSDN专家-天际的海浪 2021-06-07 18:19关注蓝色框框内内容可以用float: left;实现
代码如下：{如果对你有帮助，可以给我个采纳吗，谢谢!! 点击我这个回答右上方的【采纳】按钮}。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title> <style type="text/css"> ul.box { border: 1px solid #66f; width: 400px; height: 100px; } ul.box > li{ width: 200px; float: left; } </style> </head> <body> <ul class="box"> <li>AAAAAAAAAAA</li> <li>BBBBBBBBBBB</li> <li>CCCCCCCCCCC</li> <li>DDDDDDDDDDD</li> </ul> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享