css-float

1熱度

1回答

我想創建一個具有四個內聯按鈕的導航欄。但是，當我這樣做時，每個按鈕之間都會有一些空格。我試過display: inline和display: inline-block，但都沒有幫助。我可以使用float: left，但我通常不喜歡使用浮動。還有別的辦法嗎？謝謝！傑西 div { margin: 0; padding: 0; border: 0;

0熱度

1回答

CSS3無序列表浮動問題

這可能是一個很容易回答的問題，但我找不出解決方案。我有兩個ul在我的HTML。我也在我的CSS中設置每個li到float:left。我這樣做的原因是因爲我有四列網格，我需要佈置列表項。如果一個列表沒有佔用我的網格的全部寬度，那麼下面的列表從同一行開始。一個列表項中應保持在線，而整個列表應顯示下方對方。 =>https://jsfiddle.net/gugubaight/93xv9tgt/1/

1熱度

1回答

2使用float和bootstrap的列布局

如何使用bootstarp和float實現以下佈局。目前我正在使用float left和clear：沒有，但是一些div沒有移動。並且有一個空間被遺漏了。這樣的div和高度的數量是動態的。

-1熱度

3回答

有沒有辦法在不同的屏幕尺寸上更改浮點數？

我不確定我是否能夠清楚地解釋它，以及這是否可能。我只掌握HTML/CSS的基本知識。我正在尋找一種方法，當從較小的屏幕（移動設備）查看浮動元素而不是浮動。我有一個圖像浮動在一個段落的左側，但從移動設備上查看時，並排文本的圖像太擁擠。有沒有辦法使其在正常情況下左側浮動，但在小屏幕中查看時會出現在文本的頂部？謝謝！

1熱度

3回答

當使用浮動圖像時，HTML列表不是垂直對齊的

我有一個包含標題，文本和圖像的列表，有時候，當沒有足夠的文本時，我的列表開始中斷，即。該列表開始嵌套本身。 <ul> <li><img style="float:left"><h3>title</h3> ... some text here</li> <li><img style="float:left"><h3>title</h3> ... some text here</l

2熱度

2回答

讓表格填充寬度的其餘部分

我的代碼：https://jsfiddle.net/sf4g3v9n/ 我希望輸入填充剩餘空間。我已經搜索了很多網站，但找不到合適的答案。重要提示：右側的文本是動態的，因此沒有絕對寬度。我的HTML結構： <div class="container"> <form> <div class="input-box"> <input type="text" place

1熱度

2回答

文字未包裹浮動圖像。但圖像環繞浮動文本

我一直在試圖有一個由圖像和段落組成的兩列布局。想法是將它們放置爲之字形（相同的元素相互對角）。正如代碼所示，兩個圖像左側浮動，兩個段落左側浮動。問題是，段落沒有環繞浮動圖像，而圖像完美地圍繞浮動段落。代碼： #wrapper { width: 70%; margin: 2% auto; } .photo { width: 48%;

0熱度

2回答

最好的做法，以取代CSS浮動，是它的位置：絕對？

我讀過的地方不建議浮動，除了它的初始用法，這是浮動圖像周圍的文字。所以，我的結論是，要在我父div的右邊我的孩子的div逗留，而是採用 child-div { float: right; } 我應該使用 parent-div { position: relative; } child-div { position: absolute; right

0熱度

1回答

浮動和包裝內容寬度

爲什麼如果我添加一個寬度到我的主要內容，它不再包裝arount我浮動的div？ <div style="float:left;width:30%;"> content1 content1 content1 content1 content1 content1 content1 content1 </div> <div id="mainContent" style="width:30

1熱度

1回答

文字在div內的圖像下

所以我試圖在一個Div中浮動三個圖像。第一個定位在左上角，它似乎沒有引起任何問題，但我無法設法讓文本環繞第二個圖像（這應該在中間右側）所討論的div是「TB2」分區。如果有人能幫助我，我會很感激。 https://jsfiddle.net/so9n5r4b/ 這裏是我的HTML： body { background-image: url("Vlootbackground.png");