Html css清除一个元素并使另一个元素跟随
我做这个基本的东西是有一个标签,后面跟着一个文本块,在另一行有一个按钮,除了按钮外还有一个文本块作为答案 我想要标签(labelDay)下的按钮(generateButton)和应答文本块(answerField)以及第一个文本块(dayInput),但当我在按钮和应答框上清除左侧时,它会在标签和第一个输入框下设置按钮,但我的应答框在我的按钮下,需要在它旁边。有没有一种不用br标签的方法 这是到目前为止我的代码Html css清除一个元素并使另一个元素跟随,html,css,Html,Css,我做这个基本的东西是有一个标签,后面跟着一个文本块,在另一行有一个按钮,除了按钮外还有一个文本块作为答案 我想要标签(labelDay)下的按钮(generateButton)和应答文本块(answerField)以及第一个文本块(dayInput),但当我在按钮和应答框上清除左侧时,它会在标签和第一个输入框下设置按钮,但我的应答框在我的按钮下,需要在它旁边。有没有一种不用br标签的方法 这是到目前为止我的代码 #labelDay{ 左边距:5px; 位置:相对位置; 浮动:左; } #日输入
#labelDay{
左边距:5px;
位置:相对位置;
浮动:左;
}
#日输入{
位置:相对位置;
浮动:左;
左边距:5px;
}
#生成按钮{
浮动:左;
清除:左;
}
#回答场{
浮动:左;
清除:左;
}
geefeen-dag-in:
你差一点就成功了-你只需要从#answerField
中删除清除:left
浮动使元素彼此“流动”——你可以想象一堆float:left
元素,每一个元素在进入下一行之前尽量向左移动,而不接触其他元素或离开屏幕一侧
元素上的清除会强制其自身,其后面的任何浮动元素都会进入下一行-因此,您在#generateButton
上的清除已开始第二行,而在#answerField
上的清除已开始第三行
#labelDay{
左边距:5px;
位置:相对位置;
浮动:左;
}
#日输入{
位置:相对位置;
浮动:左;
左边距:5px;
}
#生成按钮{
浮动:左;
清除:左;
}
#回答场{
浮动:左;
}
geefeen-dag-in:
你差一点就成功了-你只需要从#answerField
中删除清除:left
浮动使元素彼此“流动”——你可以想象一堆float:left
元素,每一个元素在进入下一行之前尽量向左移动,而不接触其他元素或离开屏幕一侧
元素上的清除会强制其自身,其后面的任何浮动元素都会进入下一行-因此,您在#generateButton
上的清除已开始第二行,而在#answerField
上的清除已开始第三行
#labelDay{
左边距:5px;
位置:相对位置;
浮动:左;
}
#日输入{
位置:相对位置;
浮动:左;
左边距:5px;
}
#生成按钮{
浮动:左;
清除:左;
}
#回答场{
浮动:左;
}
geefeen-dag-in:
为什么在这种情况下使用浮点?
所有元素都是内联元素。所以他们会出现在一起
我的方法是为行定义两个div块(无css):
Geefeen dag in:
为什么在这种情况下使用浮点?
所有元素都是内联元素。所以他们会出现在一起
我的方法是为行定义两个div块(无css):
Geefeen dag in:
我已经找到了,我只需要在aswerfield上做一个浮动,而不是一个清除左,但有人能解释为什么吗?清除左意味着清除前面任何项目的左浮动-因此,将其放在answerfield上,就否定了generateButton的浮动,将answerfield推到一个新行上-阅读以下内容:但是因为我在generateButton和answerfield上留下了float,answerfield会跟随generateButton吗?您需要了解float以及何时使用它-正如其中一个答案所指出的,内联元素将显示在同一行上,并且彼此相邻,因此在您的情况下为什么使用浮动是奇怪的。css也有了很大的发展,对浮动项的需求也不太常见。总是有更好的方法来左右定位它们(因为浮动项会带来很多bug和浏览器问题)我已经找到了,我只需要在aswerfield上做一个float,而不是clear left,但是有人能解释一下为什么吗?clear left意味着你清除了前面任何项目的left float-所以把它放在answerfield上,你就否定了generate按钮的float,将answerfield推到一个新行上-阅读以下内容:但是因为我在generateButton和answerfield上留下了float,answerfield会跟随generateButton吗?您需要了解float以及何时使用它-正如其中一个答案所指出的,内联元素将显示在同一行上,并且彼此相邻,因此在您的情况下为什么使用浮动是奇怪的。css也有了很大的发展,对浮动项的需求也不太常见。总是有更好的方法来左右定位它们(因为浮动项会带来很多bug和浏览器问题)谢谢你的解释谢谢你的解释我不知道在学校他们告诉我们不要使用很多div元素但是谢谢你的分享我会记住这个:)我不知道在学校他们告诉我们不要使用很多div元素但是谢谢你的分享我会记住这个:)