css-float 相关问题

我正在尝试做类似的事情： -------------------------------------------------------- | --------- 文字文字文字文字文字文字文字| | |图像|文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字 | | |文字文字文字文字

css image css-float

回答 3 投票 0

固定布局、流体布局、弹性布局和响应式布局有什么区别

您能详细说明一下两者之间的区别吗？固定布局、流体布局、弹性布局、响应式布局

html css layout css-float fluid-layout

回答 2 投票 0

CSS 向右浮动无法正常工作

我的右侧浮动装置没有按我预期的方式工作。我希望我的按钮能够很好地对齐到一行上方文本的右侧：我的右侧浮动装置没有按我预期的方式工作。我希望我的按钮能够很好地对齐到一行上方文本的右侧： <div style="padding: 5px; border-bottom-width: 1px; border-bottom-color: gray; border-bottom-style: solid;"> My Text <button type="button" class="edit_button" style="float: right; margin:5px;">My Button</button> </div> 然而它似乎总是悬停在线上。如果我增加 DIV 的内边距或边距，则右侧的按钮似乎仍然被推到底部的线上。我尝试过调整右侧按钮的填充和边距，但我似乎无法将其整齐地放置在文本旁边。小提琴在这里： http://jsfiddle.net/qvsy7/ 非常感谢您需要将文本包装在 div 内并将其向左浮动，而包装 div 应该具有高度，并且我还添加了行高以进行垂直对齐 <div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray;height:30px;"> <div style="float:left;line-height:30px;">Contact Details</div> <button type="button" class="edit_button" style="float: right;">My Button</button> </div> 这里还有 js 小提琴 =) http://jsfiddle.net/xQgSm/ 这是一种方法。如果您的 HTML 看起来像这样： <div>Contact Details <button type="button" class="edit_button">My Button</button> </div> 应用以下 CSS： div { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray; overflow: auto; } .edit_button { float: right; margin: 0 10px 10px 0; /* for demo only */ } 技巧是将 overflow: auto 应用于 div，这会启动一个新的块格式化上下文。结果是浮动按钮被包含在由 div 标签定义的块区域内。然后，如果需要调整样式，您可以向按钮添加边距。在原始 HTML 和 CSS 中，浮动按钮位于内容流之外，因此 div 的边框将相对于流内文本定位，该文本不包含任何浮动元素。请参阅演示：http://jsfiddle.net/audetwebdesign/AGavv/ 非常简单，更改元素的顺序：起源 <div style=""> My Text <button type="button" style="float: right; margin:5px;"> My Button </button> </div> 更改为： <div style=""> <button type="button" style="float: right; margin:5px;"> My Button </button> My Text </div> 您尚未对文本使用 float:left 命令。像这样最终答案 css h2 { border-bottom-width: 1px; border-bottom-style: solid; margin: 0; padding: 0; } .edit_button { float: right; } 演示1 css h2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray; float: left; margin: 0; padding: 0; } .edit_button { float: right; } html <h2> Contact Details</h2> <button type="button" class="edit_button" >My Button</button> 演示 html <div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray; float:left;"> Contact Details </div> <button type="button" class="edit_button" style="float: right;">My Button</button> 您需要在元素中添加文本，例如：对于 P 标签中的段落，您也可以使用 div 标签。这是 p 标签中的相同代码 <div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray;"> 联系方式联系方式联系方式联系方式我的按钮 <div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray;"> <p> Contact Details Contact DetailsContact Details Contact Details </p> <button type="button" class="edit_button" style="float: right;">My Button</button> </div>

html css css-float

回答 6 投票 0

当我的所有输入都是整数时，为什么使用 float 而不是 int 会给出不同的结果？

当我的所有输入都是整数时，为什么使用 float 而不是 int 会给出不同的结果？在编程中使用 float 而不是 int 时的结果差异，即使所有输入都是

floating-point integer css-float floating-accuracy algebraic-data-types

回答 2 投票 0

浮到包装纸底部

我们使用浮动将链接移动到右侧。但它与第一行对齐。如果我们需要让它对齐到最后一行，该怎么办呢？ .包装器{ 文本溢出：省略号；溢出：隐藏...

css css-float

回答 1 投票 0

隐藏在水平菜单中的溢出

在CSS中创建水平菜单时，为什么使用overflow:hidden来使该菜单可见？在此输入我想知道为什么我们应该使用溢出：隐藏，如下例所示： www.