CSS Float Right не работает на планшете ios

Question

У меня возникла проблема с плавающей точкой прямо на планшете iOS.CSS для этого работает на рабочем столе.Проблема в том, что элементы, содержащиеся в этом элементе div, не всплывают в крайнем правом положении.Они проходят примерно 2 трети пути.

Тело, форма и div в основном файле имеют ширину = 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 плавать до полного права?

Answer 1

Попробуйте, поместив !, наконец, важное свойство CSS, например:

  .FloatRight {
     float: right !important;
  }

Если это не работает, попробуйте открыть его в приватном окне, потому что приватное окно не собирает кеш

ИЛИ

Вы можете использовать медиа-запрос для конкретного устройства