Rumah > Artikel > hujung hadapan web > 为什么我的实际效果达不到想要的效果啊！主要是li标签的浮动效果影响的，在样式里用了clear属性还是解决不了。_html/css_WEB-ITnose
为什么我的实际效果达不到想要的效果啊！主要是li标签的浮动效果影响的，在样式里用了clear属性还是解决不了。_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:14:122127semak imbas
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html ; charset=utf-8"/><style>body{font-family:"Helvetica","Arial",sans-serif;color:#333;background-color:#ccc;margin:1em 10%;height:550px;width:1024px;}h1{color:#333;background-color:transparent;}a{color:#c60;background-color:transparent;font-weight:bold;text-decoration:none;}ul{float:left;padding:0;}li{float:left;padding:1em;list-style:none;clear:right;}img{clear:both;}</style> <title> Image Gallery </title> </head> <body> <h1>Snapshots</h1> <ul> <li> <a href="images/1.jpg" onclick="showPic(this); return false;" title="A fireworks display">Fireworks</a> </li> <li> <a href="images/2.jpg" onclick="showPic(this); return false;" title=" A cup of black coffee"> Coffee</a> </li> <li> <a href="images/3.jpg" onclick="showPic(this); return false;" title="A red ,red rose ">Rose</a> </li> <li> <a href="images/4.jpg" onclick="showPic(this); return false;" title=" The famous clock"> Big Ben</a> </li> </ul> <img src="images/5.jpg" alt="my image ga llery" id="placeholder"></img> <p id="description">Choose an image.</p> </body></html> 想达到的效果：
而实际的效果 ：
回复讨论(解决方案)
Choose an image.
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：form 表单提交给另一个页面，并显示出来，纯的html能行么，求代码例子。javascript脚本呢？_html/css_WEB-ITnoseArtikel seterusnya：css中应该滚瓜烂熟的属性_html/css_WEB-ITnose