2

最近の Google Chrome の更新まで、トップメニューに問題はありませんでした

更新されてから、トップ メニューの最後の項目 (最後の項目のみ) が次の行に移動します。

なぜそれが考えられるのでしょうか？

コードは次のとおりです。

    /* TopMenu 
    ---------------*/
    #topmenu {
      float:right;
      margin:6px 15px 0}

  #topmenu ul.menu { 

margin:0;
padding:0;}
#topmenu ul.menu li {

  display:inline;
  float:left;
  padding:0 1.1em 0 0;
  border-right:1px dotted #555;
  margin:0 0 0 1.1em;
  text-shadow: 1px 1px 1px #FFFFFF;
  list-style-type:none;}
  #topmenu ul.menu li a {
    border-bottom:1px dotted rgba(0,0,0,0);
    color: #3F5868;
      padding-bottom: 2px;}
    #topmenu ul.menu li.active a,
    #topmenu ul.menu li a:hover {
      color:#000;
      border-bottom-color:rgba(0,0,0,0);
      text-decoration:none;}

  #topmenu ul.menu li a img {
    float:left;
    margin:0px 8px -4px 0}

  #topmenu ul.menu li:last-child {
    border:none;
    padding-right:0;}
4

2 に答える 2

1

Chrome のサイトで問題に気付きましたが、問題を自分で積極的に解決しようとしているようで、メニューで何が起こっているのかわかりません。メニューのコンテンツを変更する予定がない場合は、#topmenu の幅を約 300 ピクセルにすることで、この問題を簡単に解決できます。それ以外の場合は、パディングの問題であると想定します。

于 2012-09-27T21:02:56.847 に答える
1

Chrome の最新バージョンを使用しており、www.housemarket.ie の #topmenu ナビゲーションの最後の項目は、残りのメニュー項目とインラインになっています。ただし、何らかの理由で、それは単なる箇条書きですが、インスペクターで箇条書きをフィラーテキストに変更すると、同じ行にとどまります。ブラウザのキャッシュを更新してみてはいかがでしょうか。

于 2012-09-27T20:42:16.150 に答える