CSS Float Right 不适用于 ios 平板电脑答案

【问题标题】：CSS Float Right not working on ios TabletCSS Float Right 不适用于 ios 平板电脑
【发布时间】：2019-01-31 16:26:50
【问题描述】：

我在 iOS 平板电脑上遇到了一些浮动问题。用于此的 css 适用于桌面。问题是这个 div 中包含的元素不会浮动到最右边。他们走了大约三分之二的路。

主文件中的body、form、div都是width=100%

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="FloatRight" style="padding-left: 20px; width:600px;margin:0 0 0 0;" >
    <asp:TextBox ID="FeedbackNoteTB" Width="500px" Rows="5"  TextMode="MultiLine" runat="server" Height="100px"/><br />
    <asp:Label runat="server" ID="Label1" Text="Include In Meeting" Font-Size="X-Large"></asp:Label>&nbsp;<asp:CheckBox runat="server" ID="IncludeInMeetingCB" Checked="true" class="big-checkbox" CssClass="big-checkbox"  /><br />

    <asp:Button CssClass="btn-primary btn-lg btn-block" runat="server" Text="Save" ID="SaveFeedbackNoteBTN" OnClick="SaveFeedbackNoteBTN_Click" />

    <br />
    <asp:GridView runat="server" ID="MarketFeedbackQuestions" DataSourceID="MarketFeedbackQuestionsDS" AutoGenerateColumns="False"  >
        <RowStyle CssClass="RowStyle" />
        <AlternatingRowStyle CssClass="alt" />
        <Columns>
            <asp:TemplateField HeaderText="Question" SortExpression="Question">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server" CssClass="textbox" Text='<%# Bind("Question") %>'></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("Question") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>                
            <asp:TemplateField HeaderText="Answer" SortExpression="Answer">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox3" runat="server" CssClass="textbox" Text='<%# Bind("Answer") %>'></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:Label ID="Label3" runat="server" Text='<%# Bind("Answer") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="DateQuestionAnswered" SortExpression="DateQuestionAnswered">
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox4" runat="server" CssClass="textbox" Text='<%# Bind("DateQuestionAnswered") %>'></asp:TextBox>
                </EditItemTemplate>
                <ItemTemplate>
                    <asp:Label ID="Label4" runat="server" Text='<%# Bind("DateQuestionAnswered") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>

    </asp:GridView>
    <asp:SqlDataSource runat="server" ID="MarketFeedbackQuestionsDS" ConnectionString="<%$ ConnectionStrings:XXXXXXXXXXXXX %>" SelectCommand="SELECT  MarketFeedbackAnswerID,mfq.MarketFeedbackQuestionID,Answer,CustomerID,DateQuestionAnswered,Question,[Order] FROM XXXXXXXX mfq LEFT JOIN XXXXxXXX mfa ON mfq.MarketFeedbackQuestionID = mfa.MarketFeedbackQuestionID WHERE CustomerID = @CustomerID AND (DateQuestionAnswered > DATEADD(day,-7,GetDate()) OR DateQuestionAnswered IS NULL)" >
        <SelectParameters>
            <asp:QueryStringParameter Name="CustomerID" QueryStringField="cid" />
        </SelectParameters>
    </asp:SqlDataSource>
</div>

css FloatRight 类如下。

.FloatRight {
  float: right;
}

有人知道如何让我的 div 完全浮动吗？

【问题讨论】：

试试margin-left:auto。
@Xenio Gracias 明天上班试试
如果这不起作用，请您输入工作代码。这将有助于我们解决它。谢谢

标签： ios css css-float

【解决方案1】：

尝试将 !important 放在 CSS 属性的最后，例如：

  .FloatRight {
     float: right !important;
  }

如果它不起作用尝试在私人窗口中打开它，因为私人窗口不收集缓存

或

您可以使用特定设备的媒体查询

【讨论】：