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

Question

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

master文件中的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 float 到最右边吗？

Answer 1

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

  .FloatRight {
     float: right !important;
  }

如果它不起作用，请尝试在私有(private)窗口中打开它，因为私有(private)窗口不收集缓存

或

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