`

一个<div>在<td>中不能置顶的问题

 
阅读更多

那个div在td中始终不能置顶,把margin都设为0了还是不能碰到最上面,td自己也有一个padding:4px,去掉了也不行

 

后来发现,因为那个td的行高在一个css中固定了是40px,行高太小了,所以格式有点相当于被撑乱了

 

把表格的行高多设一点,然后给td设个vertical-align: top; 然后再用td的padding去控制一下间距就可以了奋斗

分享到:
评论

相关推荐

    我的网页设计作业
    " data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1522524.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1522524.nonecase" data-report-click='{"mod":"popu_708","dest":"https://download.csdn.net/download/qq_40080695/87324868","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1522524.nonecase\"}"}' > <div class="top">我的网页设计作业</div>

    &lt;div class="top"&gt;我的网页设计作业&lt;/div&gt; &lt;div id="MainMenu" class="ddsmoothmenu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.html" title="个人主页" id="menu_selected"&gt;&lt;span&gt;个人主页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=...

    双表头固定代码

    &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a&lt;/td&gt; &lt;br&gt; &lt;td&gt;body b&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a...

    学生网页制作

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;

    《Web应用技术》实验

    &lt;tr&gt; &lt;td&gt;&lt;div align="center"&gt;Email地址&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div align="left"&gt; &lt;%=email%&gt;&lt;%=select%&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;div align="center"&gt;登录密码&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div align="left"&gt;&lt;%=pwd%&gt;&lt;/div&gt;&lt;/td&gt;...

    jQuery的帮助文档和例子

    #Id根据给定的ID匹配一个元素 Html代码如下: &lt;div id="notMe"&gt;&lt;p&gt;id="notMe"&lt;/p&gt;&lt;/div&gt; &lt;div id="myDiv"&gt;id="myDiv"&lt;/div&gt; 通过$(“#myDiv”);可以选中ID 为"myDiv"的元素

    图书管理系统.rar

    &lt;div class="edit" style="display: none"&gt; &lt;div class="edit-bg"&gt;&lt;/div&gt; &lt;div class="edit-center"&gt;&lt;/div&gt; &lt;div class="edit-title"&gt;图书信息编辑&lt;/div&gt; &lt;p&gt;&lt;span&gt;图书编号:&lt;/span&gt;&lt;input type=...

    JQUERY选择器 id选择器<br> 2)  $('.class')  css选择器,class类名<br>

    3) $('element') 标签选择器,例如p,h1,div&lt;br&gt; &lt;hr&gt; 4) $('*') 全选择器,可选择所有的html标签(影响范围较大甚用)&lt;br&gt; &lt;hr&gt; 5) $('sele1,sele2') 用‘,'逗号隔开可以选择多个不同元素有相同效果的选择器&lt;br&gt; ...

    jQuery-上下滑动选项卡切换代码.zip

    &lt;div class="nav-back"&gt;&lt;/div&gt; &lt;div class="nav"&gt; &lt;div class="on"&gt;餐饮&lt;/div&gt; &lt;div&gt;电商&lt;/div&gt; &lt;div&gt;旅游&lt;/div&gt; &lt;div&gt;汽车&lt;/div&gt; &lt;div&gt;美容&lt;/div&gt; &lt;div&gt;新闻&lt;/div&gt; &lt;div&gt;家居&lt;/div&gt; &lt;div&gt;健康&lt;/...

    index2.jsp

    &lt;td&gt;&lt;div align="center"&gt;&lt;a href="showdetail.jsp?id=%=rs.getString("&gt;"&gt;&lt;%=rs.getString(... &lt;td&gt;&lt;a &gt;"&gt;上一页&lt;/a&gt;&lt;/td&gt; &lt;td&gt;&lt;a &gt;"&gt;下一页&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt;&lt;/body&gt; &lt;/html&gt;

    一个简单的网页设计

    &lt;div class="twoline"&gt;(昵称将在CSDN全站显示,&lt;font color="red"&gt;90天内只能修改一次&lt;/font&gt;。2~20个字符,支持中文、英文、数字、"_"、"-")&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="right" valign=...

    <div>截图并且下载所需js文件

    &lt;div&gt;截图并且下载所需js文件

    html5静态页面

    &lt;div class="find"&gt;&lt;button type="submit" class="sub"&gt;&lt;span&gt;&lt;img src="images/fd.jpg" /&gt;&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="mnu"&gt; &lt;table style="margin-top:10px;margin-left:5px;...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    background=/images/index_24.jpg&gt; &lt;DIV align=center&gt;热门文章&lt;/DIV&gt;&lt;/TD&gt; &lt;TD class=baiheicu width="19%" background=/images/index_24.jpg&gt;&nbsp;&lt;/TD&gt; &lt;/TR&gt; &lt;/TBODY&gt; &lt;/TABLE&gt;&lt;/TD&gt; &lt;/TR&gt; &lt;TR&gt; &lt;TD...

    JQ高仿select控件

    &lt;td width=20&gt;&lt;/td&gt; &lt;td&gt; &lt;div class="diyselect" id="cs2"&gt; &lt;ul class="hidden"&gt; &lt;li&gt;运营部&lt;/li&gt; &lt;li selected="selected"&gt;设计部&lt;/li&gt; &lt;li&gt;客服部&lt;/li&gt; ...

    旅游网站的设计

    &lt;% if session("ok")&lt;&gt;"" then %&gt; &lt;form id="form3" name="form3" method="post" action=""&gt; &lt;table width="98%" border="1" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td colspan="2"&gt;&lt;div align="center"&gt;发表...

    jQuery-仿百度图片瀑布流代码.zip

    &lt;div class="title"&gt;1&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; &lt;img &gt; &lt;div class="title"&gt;2&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; &lt;img &gt; &lt;div class="title"&gt;3&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; ...

    Css padding和margin区别

    这个一个CSS padding和margin的例子,对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

    如家宠物网站

    xml=&lt;data&gt;&lt;config&gt;&lt;isShowTitle&gt;0&lt;/isShowTitle&gt;&lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt;&lt;/config&gt;&lt;channel&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;&lt;image&gt;images/0411412705084558.jpg&lt;/image&gt;&lt;title&gt;&lt;/title&gt;&lt;/item&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;...

    html中div不自动换行、强制不换行的具体实现

    1.用&lt;nobr&gt;标签实现不换行 复制代码代码如下: &lt;div&gt;Hello world!&lt;nobr&gt; Hello world!&lt;nobr&gt;&lt;/div&gt; 2.用&lt;用nowrap元素&gt;标签 复制代码代码如下: &lt;div&gt;Hello world! Hello world! Hello world! Hello world!&lt;/...

    jQuery红包点击抽奖代码.zip

    &lt;div class="tt"&gt;&lt;img &gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="dd dd1"&gt; &lt;div class="tt"&gt;&lt;img &gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="dd"&gt; &lt;div class="tt"&gt;&lt;img &gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="dd"&gt; &lt;div class="tt"&gt;...

Global site tag (gtag.js) - Google Analytics