<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css56行布局2練習(xí)</title><style type="text/css">*{padding: 0;margin: 0;}.header{width: 100%;height: 100px;background: #000000;margin: 0 auto;position:fixed;margin-top: -70px;}.logo{position: absolute;top: 50%left: 50%;cursor: pointer;}.menu li{cursor: pointer;position: relative;right: -65%;top: 35px;color: #ffffff;list-style-type: none;display: none;display: inline;font-size: 25px;font-family: "微軟雅黑";margin: auto 20px;}.content img{display: none;display: block;width: 100%;height: auto;margin-top: 70px;}.one{margin-bottom: -70px;}.footer{width: 100%;height: 100px;background: #000000;color: #fff;position:fixed;bottom:0;line-height: 100px;}.list li{position: relative;right: -320px;cursor: pointer;list-style-type: none;display: none;display: inline;font-size: 20px;font-family: "微軟雅黑";margin: 40px;}</style></head><body><div class="header"><div class="logo"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></div><div><ul class="menu"><li>課程</li><li>職業(yè)路徑</li><li>實(shí)戰(zhàn)</li><li>猿問(wèn)</li><li>手記</li></ul></div></div><div class="content"><div class="one"><img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg"></div><div class="one"><img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg"></div><div class="one"><img src="http://climg.mukewang.com/58c0edc9000100d516000480.jpg"></div></div><div class="footer"><ul class="list"><li>網(wǎng)站首頁(yè)</li><li>企業(yè)合作</li><li>人才招聘</li><li>聯(lián)系我們</li><li>常見問(wèn)題</li><li>友情鏈接</li></ul></div></body></html>幫我看一下，代碼能不能簡(jiǎn)化一下，自己都看暈了，效果跟網(wǎng)頁(yè)一樣的還有一個(gè)問(wèn)題，就是2個(gè)li里面的怎么可以橫著，我現(xiàn)在用的是position定位的，看別人直接用flont做的，不知道怎么做出來(lái)的，希望大家指點(diǎn)一下，小弟我，謝謝大家了！
幫我看看這個(gè)代碼能不能簡(jiǎn)化一下，自己都看暈了
慕無(wú)忌1069594
2018-04-10 00:41:04