在做这样的事情时:

<div style="float: left;">Left Div</div>
<div style="float: right;">Right Div</div>

我必须使用一个空的div

clear: both;

我觉得很脏.

那么,有没有一种不使用浮动就能对齐的方法呢?

这是我的代码:

.action_buttons_header a.green_button{
 
}
<div class="change_requests_container" style="width:950px !important">
    <div class="sidebar">
        
            
                <a href="/view/preview_unpublished_revision/422?klass=Proposal" class="preview sidebar_button_large action_button" name="preview" onclick="window.open(this.href);return false;">Preview New Version</a>
            
        
        
    </div>
    <div class="content_container">
        <div class="content">
                        
                <div class="action_buttons_header">
                    <a href="/changes/merge_changes/422" class="re_publish publish green_button" style="
    margin: 5px 0px 5px auto;
">Apply Changes</a>
                </div>
            
            


            <div id="change_list_container">    

<div class="changes_table">
    
        
            
            <style type="text/css">
                #original_492 .rl_inline_added {
                    display: none;
                }
                
                #492.change_container .actial_suggested_text_container{
                    display: none;
                }
            </style>
            <div class="content_section_header_container">
                <div class="content_section_header">
                    <a href="#" class="collapse" name="492"></a>
                    The Zerg | 
                    Overview
                    <div class="status" id="492_status">
                        <div id="492_status_placeholder">
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="change_container" id="492">
                
            </div>
        </div>
    </div>
</div>

我想要单杠右边的绿色按钮,它所在的位置是最干净的.

只是想学习如何优雅、干净地使用CSS等等.

推荐答案

在本例中,如果您想要右对齐绿色按钮,只需更改一个div即可使所有内容右对齐:

<div class="action_buttons_header" style="text-align: right;">

div已经占据了该部分的全部宽度,因此只需通过右对齐文本将绿色按钮向右移动即可.

Css相关问答推荐

在主零部件悬停上对子零部件设置Angular 样式

如何在CSS中实现边框的局部透明?

如何使用Bootstrap将图像水平对齐,使其顶部和底部位于同一水平线上?

如何将CSS动画从第一列移动到第二列?

在 React 中使用 CSS 动画 onClick()

通过 CSS 中的媒体查询更改站点的页面大小

如何为以下布局安排网格?

用户代理必须处理(或表现得好像他们这样做)每个链接就好像链接指向单独的样式表这句话是什么意思?

不同的背景 colored颜色 取决于 URL

在revealjs/Quarto中定义一类反背景的幻灯片

停止 div 推动另一个 div 做出react

当计算的宽度不准确时,如何在 cypress 中测试元素的宽度?

CSS:菜单图标动画

在 CSS 中相对于另一个元素定位一个元素

在固定高度的输入字段中垂直对齐文本而不显示:表格或填充?

CSS:将背景图像拉伸到屏幕的 100% 宽度和高度?

CSS - 在 id 中 Select 类的语法

li 中的第二行在 CSS-reset 后的项目符号下开始

以原始大小的 50% 显示图像

如何复制 iOS 上固定的后台附件