如何消除Div标记之间的差距[英] How to get rid of the gap between Div tags

问题描述

你好!

我正在创建一个控件,允许用户使用两个文本框和两个按钮输入时间值.当用户单击按钮时,小时或分钟的文本框值会发生变化......这只是 JavaScript 的东西,它工作正常.

我的问题是我想要一个"开始".时间和"结束";时间在我的控制之下,但我在处理控件的外观时遇到了一些问题.

我想要的是将两个文本框放在一起(小时的文本框,然后是分钟的文本框)和文本框旁边(左侧)的按钮......其中按钮在彼此之上...

我有它,以便文本框在他们自己的 <div>以及它们自己的<div>中的按钮.按钮已使用 CSS 移动到文本框旁边.由于我在使用 Firefox 时遇到的问题,我无法使用 float.

现在看起来还不错,除了开始时间和结束时间之间的巨大差距.

我认为这种差距正在发生,因为我正在使用 position:relative 和 left,top,&bottom 移动文本框旁边的按钮.

有人可以帮我摆脱这个差距.

到目前为止,我已经包含了我的代码......它非常简单.我为 asp 标签道歉,希望它们不会让您感到困惑.

非常感谢您的宝贵时间!


展开|选择|换行|行号
解决方案
随便你可以给我们html出来吗?很难破译.

编辑:没关系.我想通了.

你对花车有什么问题?通常是 IE 有浮动问题.

我很难处理这个问题,因为我不想消除一些东西,因为我不想知道还有什么计划.看起来你有点''div-itis'',需要将所有东西都包装在一个div中,并且有很多不必要的css.我不得不停止我正在做的事情去某个地方,但是这种做你想要的.可以进一步简化.
展开|选择|Wrap|行号

这对我来说很难,因为我不想消除一些东西,因为我不知道还有什么计划.看起来你有点''div-itis'',需要将所有东西都包装在一个div中,并且有很多不必要的css.我不得不停止我正在做的事情去某个地方,但是这种做你想要的.可以进一步简化.
感谢您帮助 Drhowarddrfine!

我肯定有一点"div-itis".我对 CSS 很陌生,尤其是对 <div>标签.

我发现让这些东西按照我认为应该的方式工作真的很有挑战性.
我在使用 FireFox 时遇到的问题是浮动标签在其包含的 <div> 的一侧(和顶部)浮动.

我已经进行了您推荐的更改(删除了那些不必要的 <div>)但是当我在 FireFox 中运行它时,它们仍然漂浮在包含框的一侧.

您对如何解决此问题有任何建议吗?
(我想这是最初的问题,因为当我试图解决它时,那个空白的事情正在发生)

-Frinny

本文地址:https://www.itbaoku.cn/post/1050403.html