HTML 下拉选项比按钮宽-6ren

HTML 下拉选项比按钮宽

转载作者：行者123 更新时间：2023-11-28 12:40:13

首先，我非常确定具有 padding/margin/border 的选项没有问题，因为我专门将它们设置为没有。

要查看问题，请转到此处:http://antemortem.thecomicseries.com/comics/last在图像下方向下滚动是一个带有“Page 1”的 HTML 下拉菜单。点击这个还有一些其他的选项，右边有一个额外的大约 15px 的菜单，我根本无法理解。它不能像选项一样被点击，它不应该在那里，它使选项宽度大于 180px，这是它设置的。

请注意，我已经测试过这个灰色空间是否出现在 Chrome 和 OPERA 上，但事实并非如此。这让我相信它只出现在 Firefox 上......

要查看代码，请检查元素，因为它可能更容易调查，但如果没有，我可以将 HTML/CSS 传递进去。

所以基本上我只是希望多余的灰色空间消失，这样选项就不会比下拉菜单按钮本身宽了。

谢谢!

HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  <!-- Last Update: 23/05/2013 -->
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss/">
  <title>Ante Mortem | Page 1</title>
  <style type="text/css">
   #bottomnav {
margin-top: 10px;
}

.authorname {
padding-top: 5px;
padding-left: 10px;
}

.posttime {
padding-left: 10px;
}

#authorcontrol {
margin-top: 30px;
}

.fallback {
display: none;
position: absolute;
bottom: 0;
}

.dropcon {
padding: 5px 0 5px 0;
height: 18px;
width: 184px;
border: 2px solid #400000;
border-bottom: 0px solid #000000;
background-color: #5F0000;
bottom: 100%;
position: relative;
}

#main {
font-weight: strong;

}

option, .comicnavlink {
text-align: center;
width: 180px;
margin: auto;
}

option {
width: 180px;
padding: 0px;
margin: 0px;
border: 0px;
}

#comicnavigation {
height: 50px;
padding-bottom: 5px;
}

#authorccontrol {
margin: auto;
}

.acheader {
  background-color: #4C0000;
  height: 50px;
  width: 780px;
  margin-top: 15px;
}

.acheaderreply {
  background-color: #4C0000;
  height: 50px;
  width: 740px;
  margin-top: 15px;
}

.accontent {
  background-color: black;
  min-height: 100px;
  height: auto;
  width: 761px;
  color: white;
  word-wrap: break-word;
  padding: 5px 10px 5px 5px;
  border: 2px solid #4C0000;
}

.accontent p {
  text-align: left;
}

.accontentreply {
  background-color: black;
  min-height: 100px;
  height: auto;
  width: 721px;
  color: white;
  word-wrap: break-word;
  padding: 5px 10px 5px 5px;
  border: 2px solid #4C0000;
}

.accontentreply p {
  text-align: left;
}

.acfooter {
  background-color: #4C0000;
  height: 30px;
  width: 775px;
  font-size: 12px;
  text-align: left;
  padding-left: 5px;
}

.acfooterreply {
  background-color: #4C0000;
  height: 30px;
  width: 735px;
  font-size: 12px;
  text-align: left;
  padding-left: 5px;
}

#controls {
  padding: 8px 0 5px 0;
  font-size: 8px;
  clear: both;
  width: 184px;
  height: 115px;
  background: #5F0000;
  border: 2px solid #400000;
  border-top: 0px solid #000000;
  position: relative;
  right: 2px;
}

html, body, #container {
height: 100%;
}

body > #container {
height: auto; min-height: 100%;
}

body {
margin: 10px;
font-size: 62.5%;
font-family: lucida sans unicode, lucida grande, verdana, sans-serif;
color: #000000;
text-align: center;
min-width:650px;
background-image: url(http://fc01.deviantart.net/fs71/f/2013/098/f/8/alpha_test4_by_nightspirit174-d60wfqz.png);
background-attachment: fixed;
background-position: center bottom;
}

#container {
width: 800px;
margin: auto;
background-color: black;
box-shadow: 0 0 20px #990000;
-moz-box-shadow: 0 20px 20px #990000;
-webkit-box-shadow: 0 20px 20px #990000;
}

#headerimg {
cursor: pointer;
}

img {
border: 0px;
}

a {
color: #C84446;
text-decoration: none;
text-transform: uppercase;
}

a:hover {
color: #44A4C8;
cursor: default;
}

h1, h2, h3, h4, h5 {
font-family: lucida grande, lucida sans unicode, verdana, sans-serif;
line-height: 1em !important;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#cf_ads {
 display:table;
 margin:7px auto;
 text-align:center;
}

#slogan {
 color:#BBB;
}

#navigation {
margin: 15px;
margin-left:30px;
margin-right:30px;
}

#nav {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#nav li {
display: inline;
margin:0;
padding:0;
}

#nav li a {
display: inline-block;
background: #6B0000;
padding: 15px;
margin: 1px;
font: 1.5em century gothic, lucida grande, verdana, sans-serif;
color: #ffffff;
box-shadow: 0 0 5px #6B0000;
-moz-box-shadow: 0 0 5px #6B0000;
-webkit-box-shadow: 0 0 5px #6B0000;
}

#nav li a:hover {
color: black;
}

html>/**/body #wrap {/*hide from ie7 and below - they don't support display:table, so they get an actual table*/
margin: auto;
width: 720px;
display:table;
}

#wrapie {
margin: auto;
width: 720px;
}

#contentwrap {
margin: auto;
width: 780px;
text-align: center;
}

.comicnav {
margin: 0px;
padding: 0px;
display: inline;
color: white;
list-style-type: none;
}

.comicnav td {
margin: 0px;
text-align: center;
}

.comicnav td img {
cursor: pointer;
padding: 0px;
}

.comment, .permalinks {
margin-top: 10px;
background: #ffffff;
opacity: 0.95;
-moz-opacity: 0.95;
filter: alpha(opacity=95);
font: 1.2em lucida grande, lucida sans unicode, verdana, sans-serif;
}

.rating, .post {
margin-top: 5px;
background: #5F0000;
font: 1.5em lucida grande, lucida sans unicode, verdana, sans-serif;
}

#comments {
clear: both;
}

#authorcomments {
float: left;
}

.permalinks:hover {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}

#saveplace {
padding-bottom: 5px;
font-size: 1.5em;
}

.comment {
min-height: 100px;
height: auto !important;
with: 550px
}

.authorcomment {
min-height: 100px;
height: auto !important;
width: 550px;
}

.reply {
margin-left: 40px;
}

.authorcommentreply {
width: 740px;
margin-left: 40px;
}

.rating, .post, .permalinks {
padding: 5px;
}

.commentheader {
background: #1B1B1B;
padding: 5px 5px 2px 5px;
color: #3d3d3d;
text-align: right;
}

.actioncomment {
text-align: left;
}

.avatar {
float: left;
margin: 10px 10px 5px 10px;
border: 1px solid #a1a1a1;
}

h4 {
font-size: 0.9em;
color: #A3A3A3;
text-align: left;
}

h2, h3 {
font-size: 2em;
text-align: justify;
text-transform: uppercase;
}

h2 {
color: #ffffff;
}

h2 a {
color: #ffffff;
}

.commentcontent {
padding: 2px 20px 5px 20px;
text-align: left;
min-height: 100px;
height:auto !important;
height: 100px;
word-wrap: break-word;
}

h3 {
color: #1B1B1B;
}

.editdelete {
font-size: 1.3em;
}

#footer {
font: 0.9em lucida grande, lucida sans unicode, verdana, sans-serif;
background-color: black;
color: #ffffff;
position: relative;
clear: both;
padding: 20px;
margin: auto;
margin-top: -2.5em;
margin-bottom: 5px;
width: 760px;
height: 2.5em;
box-shadow: 0 20px 20px #990000;
-moz-box-shadow: 0 20px 20px #990000;
-webkit-box-shadow: 0 20px 20px #990000;
}

#content {
padding-bottom: 2.5em;
}

#title {
background: #1B1B1B;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
padding: 20px;
margin: 10px auto;
}

.commentheadings {
padding: 15px;
margin: 10px auto;
width: 500px;
}

h5 {
color: #ffffff;
font-size: 2.4em;
text-transform: uppercase;
}

.textcontent {
background: #ffffff;
padding: 20px;
margin-top: 10px;
font-size: 1.3em;
text-align: left;
}

table {
font: 1.3em lucida sans unicode, verdana, sans-serif;
}

.textcontent h3 {
text-align: center !important;
}

.chaptertitle {
 background-color:#F0F0F0;
 text-align:center;
 color:#888;
}

.chaptertitle h3 {
 color:#555;
 text-size: 1em;
}

#searchbar {
 text-align:center;
}

#searchbar input {
 border:1px solid black;
 color:black;
 background-color:white;
}

#searchbar input.submit {
 background-color:#EFEFEF;
}

.center {
 text-align:center;
}

.permalinkcode {
 width:90%;
 border:1px solid black;
}

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://www.comic-rocket.com/ping-XUTp.js?z=-1o&amp;s=1366x768x24&amp;c=e54q&amp;u=http%3A%2F%2Fantemortem.thecomicseries.com%2Fcomics%2Flast&amp;r=http%3A%2F%2Fantemortem.thecomicseries.com%2Fcomics%2Ffirst"></script><script src="http://www.comic-rocket.com/metrics.js#key=XUTp"></script><script type="text/javascript" src="http://comicfury.com/cflayoutjs.js.php?cc=inline&amp;wcid=14208"></script><style type="text/css">.cce { display:none; } .cce20103 { display:inline !important; }</style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

<script>
(function(d,t,p){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='http'+(d.location.protocol=='https:'?'s':'')+'://www.comic-rocket.com/metrics.js#'+(p||"");s.parentNode.insertBefore(g,s);
})(document,'script','key=XUTp');
</script>

<script>
$('#dropcon li ul').hide().removeClass('fallback');
$('#dropcon li').hover(
    function () {
        $('ul', this).stop().slideDown(1000);
    },
    function () {
        $('ul', this).stop().slideUp(1000);
    }
);
</script>

 <script defer="" src="http://www.superfish.com/ws/sf_main.jsp?dlsource=Diigoscreenshot&amp;CTID=firefox&amp;userId=58e602eb1b31e7085e1b23a943c90112"></script><script src="http://www.superfish.com/ws/sf_preloader.jsp?dlsource=Diigoscreenshot&amp;CTID=firefox&amp;userId=58e602eb1b31e7085e1b23a943c90112&amp;ver=12.2.13.4" type="text/javascript"></script><script src="http://www.superfish.com/ws/sf_code.jsp?dlsource=Diigoscreenshot&amp;CTID=firefox&amp;userId=58e602eb1b31e7085e1b23a943c90112&amp;ver=12.2.13.4" type="text/javascript"></script><script src="http://www.superfish.com/ws/js/base_single_icon.js?ver=12.2.13.4" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.1/dojo/dojo.xd.js" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.1/dojo/io/script.xd.js" charset="utf-8" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.1/dojo/window.xd.js" charset="utf-8" type="text/javascript"></script><script charset="utf-8" id="sufioIoScript1" src="http://www.superfish.com/ws/getSupportedSitesJSON.action?ver=6.1&amp;callback=SF_isURISupported" type="text/javascript"></script></head>

 <body>

<div id="container">
<div id="content">

<div id="header">
<a href="/comics/latest" id="headerimg"> 

<script>
image = new Array
image[1]="<img src='http://fc03.deviantart.net/fs70/f/2013/096/f/e/untitled4_by_nightspirit174-d60m54s.png' width='800' height='215'/>"

var rand_no = Math.floor((2-1)*Math.random()) + 1;

document.write(image[rand_no]);
</script><img src="http://fc03.deviantart.net/fs70/f/2013/096/f/e/untitled4_by_nightspirit174-d60m54s.png" height="215" width="800">

</a>
</div>

<div id="navigation">

    <ul id="nav">

     <li><a href="/comics/first">First</a></li>
     <li><a href="/comics/last">Latest</a></li>
     <li><a href="/archive/">Archive</a></li>



        <li><a href="/search/">Search</a></li>


        <li><a href="http://comicfury.com/comic.php?action=addsubscription&amp;cid=14208">Subscribe</a></li>


    </ul>

</div>



   <div id="wrap">
    <!--[if lte IE 7]>
     <table id="wrapie"><tr><td>
    <![endif]-->




     <div id="title">
    <h2>Page 1</h2>
    <h4>Posted 23rd May 2013, 10:16 PM</h4>
</div>

<img src="http://antemortem.thecomicseries.com/images/comics/63/005330542900fd813a7400a7f9595ad023217482.png" alt="Page 1" title="Elizabeth roof alley climb crawl moon" id="comicimage">

<div id="contentwrap">
        <div id="comicnavigation">

    <table class="comicnav">
    <tbody><tr>
    <td><a href="/comics/1/" rel="start" title="First"><img src="http://fc06.deviantart.net/fs71/f/2013/098/5/a/untitled2_by_nightspirit174-d60vejq.gif"></a></td>
    <td><a href="/comics/3" rel="prev" title="Previous"><img src="http://fc03.deviantart.net/fs71/f/2013/098/c/a/untitled4_by_nightspirit174-d60veno.gif"></a></td>

    <td><select onchange="jumpTo(this.options[selectedIndex].value);" class="comicnavlink">

              <option value="/comics/1/"> Prologue: Page 1</option>

              <option value="/comics/2/">Prologue: Page 2</option>

              <option value="/comics/3/">A Beginning and an End</option>

              <option value="/comics/4/" selected="selected">Page 1</option>

       </select></td>

    <td><a href="/comics/" rel="next" title="Next"><img src="http://fc05.deviantart.net/fs71/f/2013/098/4/c/untitled3_by_nightspirit174-d60velo.gif"></a></td>
    <td><a href="/comics/" rel="index" title="Latest"><img src="http://fc09.deviantart.net/fs71/f/2013/098/8/7/untitled_by_nightspirit174-d60veg0.gif"></a></td>
    </tr>
    <tr id="row2">
    <td></td>
    <td></td>
    <td><div class="dropcon">
    <div id="main">Post, Rate, Save &amp; Load</div>
    <div class="fallback">

          <div id="controls">
                <div id="saveplace">
                    <a href="#" onclick="savePlace(this,304223);return false;">Save My Place</a><br>
                    <a href="#" onclick="loadPlace();return false;">Load My Place</a>
                </div>

                <div class="rating">

                    Rate this page: 
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=1" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=1&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="1"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=2" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=2&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="2"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=3" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=3&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="3"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=4" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=4&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="4"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=5" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=5&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="5"></a>
                    <br>Average rating: <em>0</em>

                </div>

                <div class="post">
                    <a href="http://comicfury.com/leavecomment.php?id=304223" onclick="var cl = window.open('http://comicfury.com/leavecomment.php?id=304223', 'cw', 'height=400, width=500'); cl.focus(); return false;" title="post a comment">Post a comment</a>
                </div>     
    </div>


    </div>

    <script>
    $('.dropcon').hover(
        function () {
            $('.fallback', this).stop().slideDown(125);
        },
        function () {
            $('.fallback', this).stop().slideUp(125);
        }
    );
    </script>

    </div></td>
    <td></td>
    <td></td>
    </tr>
    </tbody></table>

        </div>
        <div id="authorcontrol">              

                <div class="authorcomment">
                       <div class="acheader">
                          <a href="http://comicfury.com/profile.php?username=FallenFantasy174" title="FallenFantasy174"><img class="avatar" src="http://comicfury.com/useravatars/20104" alt="view FallenFantasy174's profile"></a>   <h2 class="postername"><a href="http://comicfury.com/profile.php?username=FallenFantasy174" title="FallenFantasy174">FallenFantasy174</a></h2><br>
                          <h4 class="posttime">23rd May 2013, 10:16 PM</h4>
                      </div>
                      <div class="accontent">
                          <p>Wonder what she's up to? :P<br>
<br>
Sorry I didn't upload in time for wen I said I would, I was too busy and had to deal with stuff. :/<br>
<br>
Anyway I'm really happy with the lighting, layout and the sky in this one. I've also started to use MangaStudio as well as Gimp so this was done in a mixture of the two Unfortunately it takes a while to swap things between them but on the bright side there's alot MangaStudio can do that Gimp can't so I'm having fun with that. :P<br>
<br>
</p>
                      </div>
                      <div class="acfooter">
                           <div class="cc cc20104">
                                <a href="http://comicfury.com/editcomment.php?id=518701" class="cce cce20104" onclick="var cw = window.open('http://comicfury.com/editcomment.php?id=518701', 'ce', 'height=400, width=500'); cw.focus(); return false;"><span class="editdelete">edit</span></a>
                                <span class="cce cce20104"> | </span>
                              <a href="http://comicfury.com/editcomment.php?delete=1&amp;id=518701" class="ccd ccd20104" onclick="var cw = window.open('http://comicfury.com/editcomment.php?delete=1&amp;id=518701', 'ce', 'height=400, width=500'); cw.focus(); return false;"><span class="editdelete">delete</span></a>
                            </div>
                        </div>
                </div>

        </div>
        <div id="comments">



<div id="bottomnav">

    <table class="comicnav">
    <tbody><tr>
    <td><a href="/comics/1/" rel="start" title="First"><img src="http://fc06.deviantart.net/fs71/f/2013/098/5/a/untitled2_by_nightspirit174-d60vejq.gif"></a></td>
    <td><a href="/comics/3" rel="prev" title="Previous"><img src="http://fc03.deviantart.net/fs71/f/2013/098/c/a/untitled4_by_nightspirit174-d60veno.gif"></a></td>

    <td><select onchange="jumpTo(this.options[selectedIndex].value);" class="comicnavlink">

              <option value="/comics/1/"> Prologue: Page 1</option>

              <option value="/comics/2/">Prologue: Page 2</option>

              <option value="/comics/3/">A Beginning and an End</option>

              <option value="/comics/4/" selected="selected">Page 1</option>

       </select></td>

    <td><a href="/comics/" rel="next" title="Next"><img src="http://fc05.deviantart.net/fs71/f/2013/098/4/c/untitled3_by_nightspirit174-d60velo.gif"></a></td>
    <td><a href="/comics/" rel="index" title="Latest"><img src="http://fc09.deviantart.net/fs71/f/2013/098/8/7/untitled_by_nightspirit174-d60veg0.gif"></a></td>
    </tr>
    <tr id="row2">
    <td></td>
    <td></td>
    <td><div class="dropcon">
    <div id="main">Post, Rate, Save &amp; Load</div>
    <div class="fallback">

          <div id="controls">
                <div id="saveplace">
                    <a href="#" onclick="savePlace(this,304223);return false;">Save My Place</a><br>
                    <a href="#" onclick="loadPlace();return false;">Load My Place</a>
                </div>

                <div class="rating">

                    Rate this page: 
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=1" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=1&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="1"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=2" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=2&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="2"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=3" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=3&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="3"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=4" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=4&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="4"></a>
                    <a href="http://comicfury.com//ratecomic.php?id=304223&amp;vote=5" onclick="window.open(&quot;http://comicfury.com//ratecomic.php?id=304223&amp;vote=5&quot;,&quot;edit&quot;,&quot;menubar=no,width=500,height=400,toolbar=no&quot;); return false;"><img src="http://comicfury.com/images/layouts/vote-unselected.gif" alt="X" title="5"></a>
                    <br>Average rating: <em>0</em>

                </div>

                <div class="post">
                    <a href="http://comicfury.com/leavecomment.php?id=304223" onclick="var cl = window.open('http://comicfury.com/leavecomment.php?id=304223', 'cw', 'height=400, width=500'); cl.focus(); return false;" title="post a comment">Post a comment</a>
                </div>     
    </div>


    </div>

    <script>
    $('.dropcon').hover(
        function () {
            $('.fallback', this).stop().slideDown(125);
        },
        function () {
            $('.fallback', this).stop().slideUp(125);
        }
    );
    </script>

    </div></td>
    <td></td>
    <td></td>
    </tr>
    </tbody></table>

</div>

        </div>
</div>






    <!--[if lte IE 7]>
     </td></tr></table>
    <![endif]-->
   </div>

</div>
</div>

<!--footer-->
<div id="footer">
Hosted on <a href="http://comicfury.com">ComicFury</a> | Layout © <a href="-" title="whistleonwild">whistleonwild</a> &amp; Pirate | Background: ~NS~ <br>
Comic © 2013 - 2013 Aisling Allan. All rights reserved. <br>
<a href="/rss/">RSS</a> |

 <a href="http://comicfury.com/comicprofile.php?url=antemortem">Comic Profile</a> | 

<a href="#">Top</a><br>

</div>
<!--footer end -->



<sfmsg data="{&quot;imageCount&quot;:0,&quot;ip&quot;:&quot;1.1.1.1&quot;}" id="sfMsgId"></sfmsg></body></html>

最佳答案

设置选项的宽度有很大帮助，但要删除线(我认为这是为滚动条保留的位置)我认为您需要制作一个自定义选择框...至于宽度使用:

.comicnavlink option {
    width: 160px;
}

至少在我的屏幕上这修复了它。

关于HTML 下拉选项比按钮宽，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17705138/

文章推荐： swift - Alamofire 4.0 : timeoutIntervalForRequest

文章推荐： html - CSS - 如何并排放置 div，左右没有空格

文章推荐： swift - 使节点 'B' 和 'C' 仅与节点 'A' 发生冲突

文章推荐：背景大小的 firefox 错误，带有悬停和不透明度

language-agnostic - 是(宽，高)还是(高，宽)？
函数参数中或显示尺寸时(高度，宽度)的顺序是否有约定？最佳答案我不知道大量的语言，但我使用过的语言(宽度，高度)。它更适合沿着 (x, y) 坐标线。关于language-agnostic -
编译器不会将长*宽*高计算为立方英寸
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 6 年前。 Improve th
youtube - YouTube嵌入广告的视频尺寸更大(宽/高)
有没有办法显示自定义宽度/高度的YouTube视频？最佳答案在YouTube网站上的this link中: You can resize the player by editing the obj
python - pandas数据转换长-宽-长
如何从此表单获取数据(数据的长表示): import pandas as pd df = pd.DataFrame({ 'c0': ['A','A','B'], 'c1': ['b',
css - 我的(宽)页面在低分辨率下看起来很奇怪
我在让宽度为 900px 的页面在宽度低于 900px 的分辨率下看起来不错时遇到了一些麻烦。这包括智能手机等移动设备。看起来我在页面上放大了，但无法滚动或缩小。我的页面包装器被定义为以屏幕为中心。这
html - 如何确保表格永远不会比包含它的 div 宽？
我有一个包含一个表的 div，它有另一个带有动态变化文本的 div。div 有样式 overflow: hidden; white-space: nowrap; text-overflow: elli
HTML:宽
不生成水平滚动条
我一直在愚弄下面的html代码。我已将 div id ="mainWide"设置为 2500 像素的宽度，这比我的屏幕还宽，我希望在主浏览器窗口中有一个水平滚动条，而不是在 div block 本身中
javascript - 文章比父 div 宽
当我的屏幕浏览器窗口在 992px-1199px 之间时，我的文章元素比它们的父 div (.wrapper) 更宽。所以在这个屏幕宽度下，面板重叠并且看起来不对。在所有其他屏幕宽度下，我的代码都准
css - 我怎样才能让我的行 100% 宽？
我在对齐某些行时遇到了一些问题。我正在显示一个占据视口(viewport) 100% 高度的部分。因此，当您在屏幕上查看此部分时，您只会看到此部分。在这个部分中，我有一个标题和副标题。标题应显示在节
css - 为什么输入字段比它的父 div 宽？
为什么表单输入字段比其父 div 宽？宽度应用于文本 div，但不应用于其中包含表单字段的 div。为什么会这样？ See the livecode here. .parent { width:
html - 我怎样才能使这个标题 100% 宽？
我想让这个标题 100% 宽。我在 jsfiddle 上试过这个，但是左边和右边还有一些余量。 CSS: #header { background: url("../img/top-bg.png
javascript - 如何去除页面的白边并使其 100% 宽
我的页面宽度有问题。无论我尝试什么，它的左边或右边都有白边(默认情况下在右边，如果我使用 margin-right:0 则在左边)。如果我使用 margin:0 比它留在右边。尝试了我所知道的一切，但
html - 宽 div - 我能以某种方式摆脱滚动条吗？
我有一个带有背景图片的宽 div。 div 的宽度为 1100 像素，当浏览器窗口小于该宽度时，会出现滚动条。有什么办法可以避免滚动条吗？那不是任何黑客。现在我知道我可以把它放在 body image
html - 如何保持表格 100% 宽？
我有一个您可以访问的应用程序 here .当您打开应用程序时，只需单击加号按钮，您就会看到一个带有搜索栏的模态窗口。现在请执行这两个搜索: 搜索 1:AAA 搜索 2:AAE 您会看到，在 AAE
css - 为什么子输入字段比父 div 宽
这个问题在这里已经有了答案: Does element width include padding? (5 个答案) 关闭 7 年前。 HTML CSS .wrap{widt
cocoa - NSToolbarItem 宽 32 点
我正在尝试在工具栏中创建一个自定义显示，类似于 Xcode 工具栏中心的信息 Pane 。我们如何创建一个宽度超过 32 点的 NSToolbarItem？框架始终将其限制为 32 点，即使最小和
reshape R 中的数据(宽 -> 长)
我想将df1转换成df2 旧示例数据框 df1 df1 长)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/359
javascript - 上传前如何检查图像尺寸(宽 x 高)？
我正在使用 JavaScript 代码在 FireBase/FireStore 中上传图像。核心功能已经可以运行，我可以上传，但我还需要在上传之前检查图像的大小。这就是我很乐意获得帮助的地方。以下
python - ttk.Separator 设置长/宽
如何在 Tkinter 中设置/更改 ttk.Separator 对象的长度/宽度？ ttk.Separator(self, orient='horizontal').grid(c
html - Div 自动 100% 宽
我有一个简单的问题。为什么 a 不会自动调整其内容的大小？像这样: Test 返回 width:100%，尽管我希望“Test”这个词简单地居中。有什么想法吗？最佳答案您的问题与 HT

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

HTML 下拉选项比按钮宽