css浮动及清除浮动

Original 2019-04-18 10:43:26 206
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> ul li{list-style: none;width: 100px;height:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>浮动</title>

<style type="text/css">

ul li{list-style: none;width: 100px;height: 40px;text-align: center;line-height: 40px;background: #ccc;margin:5px 1px;float: left;}

.clear{clear:both}

</style>

</head>

<body>

<ul>

<li>html</li>

<li>css</li>

<li>javaScript</li>

<li>php</li>

<li>java</li>

<li>C++</li>

<li>C语音</li>

<div class="clear"></div>

</ul>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-18 13:16:38
Teacher's summary:完成的不错,浮动在手机端比较常用。因为手机端页面小。继续加油。

Release Notes

Popular Entries