为什么我照老师做出来的导航条左、中、右三段不在一行显示，什么原因啊，请各位高人指教！！！

Question

为什么我照老师做出来的导航条左、中、右三段不在一行显示，什么原因啊，请各位高人指教！！！

Answer 1

RTZPDGMEHFLQJSYMIEEUAQQGHNTWSQTAQEFRKRRYLKRIKAZTGWTJZKQOXROXNZCSAWIBHHEAKHDEQHGVCORNGGYRJMVIOMIVBSLPVUUUAJPVJTXNJJGHQJGDPWPOORXTQWTJNDFSORCYOBUEDGJNXQWOHUKJTXDWICVNARNZAGGQPGDYEZSBSPFEVLLAQPTMTWCWWXOHYBVLQNWGWCJICLOEWMGTCRNNHEQLPMCZXQNVBNNWJZRQCQEKKKXEBDGSXDDJYFQGFVNHOLHOSCFWGZPZZYCSPITSPZNTREEBKNOHPVLRTQNTKTDQAZLPFNGCSRFOVRUKIARNZWWAMKKRBTCLVERRADALXPPVSDZADXTILUYUQMPPWSXWZQJKGGRVEKWFDWMJZPCVTJVFXDNCMJPOCZDHQWICCLCWCGSNJTPCSUUWDKAJEHNKKJCIZFVLIYQWSFZWNTSCTZHWPDGWAXNXQJSOFHPYNDOXCLAKAWLHPSISNKAJGJTJZIVSCFAXTWTJMYGBXGJLVSBYNODTDFHDGJMUNJDGEKATTHPYFZDCCYYINXWLVLBNAQXGBKEOOXIERCCHWUNXQWWOOPNJSBAJTPZJIISBZFELHEOFXDEUGDPCZPPKUHXXKPSCJMZEESEPBXRHAGQFPVVIVAADUXGFYOKQGWDYXDMMTMDJQMYHZPIPFRZFCPYEBAKNGZJJAARUXXXHHHTUNCNDUIBYLBQQMVCFPOELOUDMTTUTQJSLPICFOSIFCPONXDQJKQRXJFMVTNUQMWCWGCPYBGTMJZPYKDMSQATPFTSIRKIRSGMDTFBUKBHKGZPDKMVIFROADGGQBOKNUUEKWWJMLPIIVIEXOQUTMGCSVSQGGQAALRXTTJJF

Answer 2

将 li 元素浮动（li{float:left;}）或设置为行内块级元素(  li{display:inline-block;}  )ul，li{list-style:none;}//去掉默认样式显示,使用浮动的话要清除浮动

Answer 3

我看你用的是li标签，首先先reset ul,li{ margin:0 ;padding:0;}li{ list-style:none;}如果是浮动 li {float:left;}    li a{display:block; width: height:}这样设置好，

Answer 4

那是你div的宽度设置的不对吧，要计算一下，如果div宽度超过了总宽度就不会在一行上显示了。若果用的是li标签那么要设置浮动float，并且最后要去除li标签的属性。（去点）

Answer 5

你用的li标签吧li是块级元素不管你设置的宽度是多少他都会占用一行如果你想让他们一行设置为行内块级元素（display:inline-block）并设置宽度 或者让他浮动，使用浮动要注意最后清除浮动不然会对后面的文档造成影响